设计师必知！可能是最全的关于颜色模式知识（三）

2016-09-12 15:48:00

设计师必知！可能是最全的关于颜色模式知识（一）
设计师必知！可能是最全的关于颜色模式知识（二）
设计师必知！可能是最全的关于颜色模式知识（三）

厂哥有话说：通过前两章的知识我们大致知道了色彩（颜色）模式是什么鬼。如果你励志成为专业严谨的摄影师或者平面设计师等的话，那你该看看这章讲得内容：色彩管理。

我们为什么要做色彩管理？做色彩管理可以：

让各种不同的颜色在不同设备间的保持一致性。
让色彩输出设备所表达的颜色更正确。

因为我们的图片绝大多数是在网上分享给大家看的，所以，这里我们主要围绕“ 如何让自己的照片在网上正确的显示 ”这一问题深入探讨。

首先，我们需要知道一些常见的色彩空间之间的范围大小。

由图可知，因为各种色彩空间中的颜色显示范围大小不同，所以在不同设备（如不同的显示器、手机屏等等）中的显示颜色范围大小也不同。因此可能导致：甲在自己的电脑里面把一张图片分享到网上，乙从自己的电脑中看到分享出来的图片跟甲看到的效果可能截然不同。

怎么办？不急，先让我们来看看一张照片从RAW文件到被人眼看到都经历了哪些步骤。（注：RAW格式文件是相机拍出来未经处理的格式，还不知道的同学面壁三秒）

在这些步骤中，两个红色箭头标出的就是最容易出问题的地方，因为它们都会把图片在两个色彩空间之间转换。

第一个红箭头代表的是 P图阶段，第二个红箭头代表的是看图阶段，接下来我们就针对这两个阶段来研究一些对策。

对策第一步：先给自己的显示器校色（大前提）

无论你用的是什么显示器，都必须经过校正才能显示出正确的颜色。（淘宝上红蜘蛛100块租一天，可以把电脑、手机、iPad、笔记本甚至电视机全都校一遍。具体校色方法暂不赘述。）

谁能告诉我上面几个色块里哪个是标准的红色？反正我是不能，不要相信自己的眼睛，因为它太容易被骗，让校色仪来解决这个问题。

还有人说专业P图用的都是苹果，那我买个苹果的显示器或者笔记本不就行了。苹果的OSX在颜色管理方面确实比WINDOWS要先进一点点，但不代表它的显示器就会一直显示正确的颜色，就拿我自己的两台Macbook pro来说，都是偏黄的，而且各有各的偏。所以无论你是用DELL、EIZO还是苹果的显示器，请校色！

通过校色，我们可以得到一个 ICC文件，这个文件是针对被校正的那台显示器生成的一个色彩空间描述文件。有了这个文件，各种软件就有了在不同色彩空间之间转换的依据。（有人可能会问，同样型号的显示器，我把别人生成的ICC文件拷贝过来用可以吗？想得美！每台显示器或多或少都有点区别，同一批次可能行得通，但批次这东西谁说得清。

就拿我的WINDOWS机器举个栗子，经过校色之后的系统设置如图（控制面板->颜色管理，即可进入该界面）

首先，在设备列表里选中你的显示器(DELL U2413)

然后你会在ICC配置文件列表里看到若干个项目：

*Dell U2413(HDMI)-1(默认值)
这个就是校色仪生成的配置文件，设置为默认值的意思就是该文件在系统里生效了，你现在在显示器上看到的任何颜色都是用这个ICC文件转换出来的。

*Dell U2413 Color Profile, D6500
这个是DELL提供的通用ICC文件，你可以试试把这个设为默认，会发现屏幕会有非常明显的变化（人眼的不可靠啊。。）

*sRGB IEC61966-2.1
这个就是WINDOWS默认的色彩空间了，也是网络通用的色彩空间（微软一厢情愿地希望用sRGB来统一宇宙色彩空间，但被现实无情地鄙视了）

那么多ICC配置文件，用哪个？

无论你在系统的ICC列表里看到多少个配置文件，遵循以下原则：

1、如果校色了，那么用校色仪生成的那个ICC文件，这个一定是首选。

2、如果没有校色的条件，那么用显示器厂商提供的通用ICC文件。

只有以上两个是最接近真实的方法，网上一部分教程建议把色彩空间统一设置为sRGB是非常错误的做法，那样做的效果只是让同一张图片在你自己电脑的不同软件上看起来是一样的，但世界上的其他人看到的跟你都不一样！

对策第二步：P图阶段（Photoshop）

P图阶段所用到的软件，比如Photoshop、Lightroom等都对色彩空间有很好的支持。先说Photoshop（Lightroom用户跳看后面），进入色彩设置界面（编辑->色彩设置），在显示器颜色的设置中，RGB三原色所对应的ICC配置应该与上面所展示的WINDOWS设置一致。

当你在PS里打开一张图片的时候，你很有可能遇到下边这个对话框，再下面的三张图分别对应着从上到下三个选项的效果：

无论如何都不要选第三项，因为它粗暴地放弃了色彩管理，那张图看起来也非常假（不得不说的是，有人还就喜欢把图调成这种重口味的，哈哈，但即便是这个审美倾向，也不应该选这个）

剩下的两个，乍一看选任何一个都可以，因为看上去效果是一样的，颜色自然而真实，下面将介绍它们之间的区别。

首先，被打开的图片是一张内嵌了ICC色彩配置的RAW文件，而那个ICC就是常见的Adobe RGB。而我的显示器校正以后的ICC简称为U2413，这也是Photoshop和Windows当前生效的色彩配置。两个选项的作用分别是：

*使用图片内嵌的色彩配置
PS处理图片的时候用的是原有色彩空间Adobe RGB，仅在显示的时候转换为U2413

*把图片从自己的色彩空间转到PS色彩空间
PS直接把图片里的颜色从Adobe RGB转换到U2413，显示的时候就不需要再转了

看上去非常绕，无论你选哪个，影响的都只是PS的内部运算，而在显示的时候，PS都会把颜色转换到U2413，所以最终看到的效果都是一样的。

选哪个？

简单来说，就跟我们追求大的动态范围是一个道理，如果图片内嵌的色彩空间大于你当前的色彩空间，那么保留。比如在这个例子里，Adobe RGB是比U2413要丰富的，那我们选第一项来保留原有色彩空间。而如果原图内嵌的仅仅是sRGB这样的货色，那转成U2413这样的广色域也未尝不可。

还能再简单点吗？

能，一律选第一项！

P图P得差不多就可以导出成JPG了，Ctrl+Shift+Alt+S就进入了导出JPG的界面，红框里的区域就是关键：

务必要勾选“转换到sRGB” ，sRGB就是浏览器里看图片的最保险的色彩空间，因为WINDOWS默认色彩空间就是这个，而WINDOWS又是最被广泛使用的操作系统。各个显示器厂家在生产的时候，也尽量保证sRGB色彩空间显示出来不会太离谱。可以说，把图片导出到sRGB色彩空间的这个做法，就是针对网络浏览的最佳实践，所以请务必勾选。

至于那个下拉框里的四个选项，是用来预览导出后的图片在不同条件下面查看的效果，从上到下解释一下：

在IE和WINDOWS上看的效果（仅限于你自己的机器）

在古董MAC下看的看的效果

在支持完整色彩管理的浏览器下看的效果，比如Chrome和Firefox（近似别人看到的效果）

在你自己的显示器上看的效果（同时也是别人看到的效果）

请以第四项的效果为准，同时可以参考第三项的效果，头两项则可忽略。

对策第二步：P图阶段（Lightroom）

如果你用的是Lightroom，则根本找不到任何与色彩管理相关的设置，因为Lightroom操作相对傻瓜化，它的工作方式是保留原图的色彩空间，显示的时候转换为系统默认的色彩空间，导出JPG的时候一律转成sRGB。我觉得这个工作流非常正确，保留原图色彩属性，用正确的颜色预览方便P图，导出为网络通用色彩空间，完美。

所以在一台经过校色的显示器上，你在Lightroom里面看到的就是正确的颜色，导出以后可能会稍有偏差（主要是没那么鲜艳了），但也非常接近原有效果了。

如果你使用LIGHTROOM，恭喜，你啥都不用做，相信它就好。

有人会问，为什么LR导出来的图片放在IE里面看，会异常鲜艳呢？答案是你很有可能使用了广色域显示器。

对策第三步：看图阶段

让我们来复习一下这张图，理论上浏览器应该把图片从sRGB转换为显示器色彩空间（U2413）来显示。但IE偏不这样，它直接把未经转换图像数据直接丢给显示器了，这就相当于一个中国人看一部印度字幕的美国电影，就是这么滑稽。背后原因不得而知，以下纯属个人猜想：

微软自己主导sRGB，所以一切到此为止

转换要时间的啊，为了性能，不转了，反正大部分人看不出来

而所有其他浏览器都做得很到位，无论是Chrome、Firefox还是Safari，都会兢兢业业地做色彩空间地转换，让你看到真实的效果。