2021都要结束了，你的色彩模式选对了么？

标题不是危言耸听啊，是真的发生在我身边的事件：

大领导过来看设计稿，看了半天问设计师（我）：为什么你们做的设计稿发给我看就变色了？难道不能统一下颜色么？

这时我才发现颜色的问题看似简单，仔细一想却非常难回答，为什么？因为色彩模式本身就是个很复杂的课题；而怎么能让所有稿子颜色一致容易，让每个看到的人也尽量还原却又是个复杂的课题

既然复杂就有解释的必要，花了大时间认真收集了一堆资料，从前因后果都给大家分析分析：

如果要回答色彩模式的问题，肯定要从最基础的色彩空间开始认识才好解释后面的内容。

硬知识会比较枯燥，没心思读下去的可以直接跳到大字看结论

CIE国际发光照明委员会(Commission Internationale de l´Eclairage)于1931年创立了假想色彩空间，也叫做CIE 1931 rg。CIE确定了物理三基色：波长700nm的红基色光R，波长546.1nm的绿基色光G，波长为435.8nm的蓝基色光B，色彩空间由此而来

之后为了保证数值为正，方便计算，调整为CIE 1931 XYZ，这是最先采用数学方式来定义的色彩空间。而一般看到的是调整过的比较直观的平面图CIE 1931 XY

CIE 1931颜色空间有一个缺陷，在计算色差时，各颜色区间允许的误差不一样，与人眼视觉不一致。为了统一计算和比较，CIE又推出了匀色空间

1937年Mac Adam将(x, y)转换成(u,v)色坐标系統,于1960年被CIE采用，称为CIE 1960 UV，从而使颜色空间的均匀性得到了改善，但亮度因数没有均匀化，所以1973将v坐标加长了50%成为了CIE 1976 UCS，与人眼视觉结果较一致，并延伸出三维模型CIE LAB

两者只是图的计算方式变了，人眼能看到的范围是没变的，但由于屏幕厂商之前多用CIE 1931，所以接下来我们用CIE 1931作为标准讲解

sRGB是由微软、惠普、三菱、爱普生等厂商联合开发开发的一种通用色彩标准，用于显示器、打印机以及因特网的一种标准，这种标准得到了W3C、Exif、英特尔、Pantone、Corel以及其它许多业界厂商的支持

sRGB色彩空间标准定制较早，而且当时的CRT显示器对于颜色还原实在是差，sRGB色彩空间大概只有标准的CIE 1931 XYZ色彩空间的1/3

DCI-P3是由Digital Cinema Initiatives(DCI) 组织定义并由SMPTE在2010年发布的美国电影行业通用的一种广色域标准，是目前数位电影回放设备的色彩标准之一，它是一种以人类视觉体验为主导的色域标准，尽可能匹配电影场景中能展现的全部色域

Display P3是Apple在DCI-P3基础上参考了sRGB修订出的自己的标准，自iPhone7/7 Plus系列的手机产品开始普及的广色域标准

Display P3使用了DCI-P3一致的广色域。但是其标准Gamma值被设定为2.2，DCI-P3的Gamma值为2.6， 所以Display P3看起来有更亮更平稳的显示效果。Gamma值又是个知识点，以后有空再收集下资料

NTSC由美国国家电视标准委员会在1953年订制，目的是为了给当时的CRT显像管电视定制一套标准

由于实在是太过于古老(Apple DOS 3.1诞生于1978年，MS-DOS诞生于1980年)早已不适用于现代显示器，更最重要的是对于PC和移动设备来说，几乎没有内容创作者是以NTSC为工作空间的，之所以提到它是因为，这种色彩模式其实会应用在一些硬件或者软件功能里

Adobe RGB色彩标准是由AdobeSystem制定出来的，它可以说是sRGB的升级版，因为它主要解决了印刷与电脑显示器显现颜色不同的问题，所以这个色彩标准经常被设计工程师、绘图人员采用

大部分照相机可以输出，甚至是默认的，是一种颜色比较鲜艳的色彩模式。和sRGB相比，Adobe RGB在绿色和青色上多了不少，所以相对而言sRGB是还原绿色最差的三色色域

BT.709，简称：Rec. 709是基于国际电信联盟无线电通信部门BT.709制定的高清电视(HDTV–HD)的色彩标准

Rec.2020是基于国际电信联盟无线电通信部门 BT.709 制定的超高清电视(UHDTV–UHD)的色彩标准

Rec. 709的色域几乎等同于sRGB，但略小一点，很多时候会把它们搞混是错误的

ProPhoto RGB色彩空间，也被称为ROMM RGB色彩空间(Reference Output Medium Metric RGB Color Space)，该色彩空间由Kodak专为摄影输出而所开发设计

相较一般的RGB色彩空间来说，该色彩空间所提供的色域十分宽裕，甚至包含CIE 1931 XYZ色彩空间中 90% 以上的表面色彩，还多出一部分来。有的照相机可以输出，或者用raw输出，但绝大部分情况无法被软件和屏幕显示

一般来说，由于sRGB和Rec. 709的色域比较小，NTSC的色彩模式比较古老，我们将初这三种以外的更大的几个色彩模式统称为广色域

CMYK比较特殊，它处在一个多边形区域中，而且非线形分布，即不是每个颜色都有对应的颜料能呈现

综上所述可以看到，在RGB转换为CMYK时， Adobe RGB因为是广色域，转换为四色印刷后虽然有颜色无法实现，但几乎没有颜色浪费，比如说转换颜色时的可感知模式

sRGB既有不少无法实现，还有不少浪费,在色域转换中比较吃亏，比如说转换颜色时的色度或饱和度模式

答：

为了追求视觉统一性、并且转四色效果较好

作为素材图的渲染图和拍摄图，使用原图的Adobe RGB模式

那简单的了解了色彩空间后，我们得出了一个素材图的色彩模式该用什么，但设计最终的结果呢？我们该用什么色彩模式？这里的分析方法就不能用常规理论解释了，因为设计是个链条，从软件设计出来到呈现在受众面前要经过很多链路，这里我们分析链路，看看到底最后受众能看到什么样的色彩模式

打印机和印刷机能印广色域么？

以某消费级为例：

EPSON SureColor P608，价格8999，即9000以上开始支持“活的色彩”或“世纪虹彩”墨水，色域扩大，测试环境下色域在sRGB和Adobe RGB之间

以某专业级为例：

Heidelberg支持丽彩印刷系统Anicolor和赛飞扬Saphira UV油墨，也可扩大色域范围

结论：四色是无法实现超越sRGB的情况，但通过更好的机器和更多的特殊油墨，则能够在测试环境下实现超越sRGB的色域

桌面PC屏幕支持广色域么？

以某消费级为例：

Dell S2721DGF，价格3199，即3200以上开始支持99% DCI-P3 ，3200以下的显示器最多支持99% sRGB

Apple显示器，MacBook和iPad新款支持Display P3，iMac和MacBook Air低端版本仅支持99% sRGB

以某专业级为例：

Eizo CS2420，价格7999，即8000以上开始支持99%Adobe RGB

结论：windows系统下，大部分显示器都仅支持到sRGB，Apple系统下，大部分显示器都能支持到Display P3，消费级几乎不支持Adobe RGB

其他影响显示器色彩识别的因素

1.显示器的Gamma值表示了输入信号的颜色值以及发光的亮度之间的关系。一般而言显示器的Gamma值会在1.8~2.5之间。Apple一般比其他品牌Gamma更低，所以看起来貌似更亮

2.Delta E：即ΔE，用来描述标准色域的某一点的色彩与实际测量到的色彩间的差值。 ΔE在3.2-6.5之间时，多数人感到色彩是相同的，准专业显示器的ΔE平均值应该至少低于2，专业显示器应该低于1。消费级都大于2

3.目前我们绝大多数的显示设备都采用的是8bit，如果是10bit的图放在10bit和8bit的显示器上是不一样的

4.专业色彩领域普遍要把显示器精确地调校到120cd/m的亮度和6500K色温上再实现颜色的校正

移动端屏幕支持广色域么？

Android系统屏幕：

AMOLED和LCD的最大区别在于AMOLED一般会有更广的色域，而以Samsung的数据来看AMOLED屏占38/51，近八成

国内手机自OnePlus 7起开始疯狂堆屏幕，OLED以上的屏幕材料也基本普及，广色域普及率较高

Apple系统屏幕：

Apple自iPhone7的屏幕基本都已支持Display P3

结论：绝大部分手机屏幕均能支持到DCI-P3或Display P3

操作系统支持广色域么？

Android 8.1之后才支持色彩管理，最高支持色域Display P3

Apple系统支持色彩管理，但默认设置是屏幕自己的色域

Windows系统支持色彩管理，但默认设置是sRGB

结论：操作系统均能支持到DCI-P3或Display P3，windows和Apple都支持广色域，但win默认设置是sRGB，Apple跟屏幕走

浏览器支持广色域么？

我们以PC端进行测试，打开以下测试网页https://www.colortell.com/344.html

https://cameratico.com/tools/web-browser-color-management-test/

https://www.color.org/version4html.xalter

移动端由于手机浏览器的不确定性，暂认不做参考

结论：被人看不起的IE和Edge都支持色彩管理！火狐有着很强的色彩管理，但默认却是关闭

APP和软件支持广色域么？

软件：

Windows自带的图片查看器支持

苹果的空格预览和双击预览都支持

APP：

微博PC端前一段改版后支持了，移动端支持

微信公众号支持，但不确定是否是压缩过有没有损失

结论： windows自带的图片软件都支持色彩管理！和很多软件一样，支持是支持但最终显示却不够好。常用看图软件支持，默认却是关闭

那么看完了上述这些，我们发现影响色彩的链条对于广色域的支持度是各不相同

答：

为了追求所有人都看到同样色彩配置的设计，以都能实现为准

软件、硬件最好设置为sRGB色彩模式

那好，既然现实如此骨感，都21年了为了保证统一性我们还是只能使用sRGB，那么我们就只能设置软件了

第一个我们介绍的是怎么调整sketch的色彩模式，之所以它是第一个，因为一个有趣的地方是，他把三个色彩配置各代表了什么都写在了注释里，也佐证了我上面的分析

怎么调整PS的色彩模式？

这里有几个个知识点，比如说什么事黑场补偿，四色各个模式的油墨量其实也不一样，以后有机会讲

怎么调整AI的色彩模式？

这里其实也出现了一个知识点，就是转换颜色的引擎，有机会慢慢讲（再挖一坑）

还有就是四色文件我为什么不嵌入icc文件，这是参考了某印刷论坛和平时工作经验得出的结论，在你四色的模式和印厂的机器不一定配合的情况下，把这一块内容交给印厂的印前来调整吧

说完了软件的调整，接下来说下硬件屏幕的调整法

当然这些都是理论上的调整，实际上还有很多不确定性因素：

1.Apple的“原色显示”，“自动调节亮度”和“夜览”功能是否会影响色彩？还不可知

2.没有遮光板，无法减少环境光对于屏幕的影响

3.屏幕用的材料可能是LG的也可能是SAMSUNG的，就算都是一块屏幕，有的是E2有的是E3，材料和厂商的调教不一样，颜色也不一样。 IPS屏的可视角度也比TN和VA高

4.屏幕随着使用的时间和习惯会变色，需要经常校色

5.不同软件就算是色彩配置一样，显示方式却不一定一样，就好像一张图AI和PS打开就不一样

6.同色异谱这种在不同光线环境下看到不一样颜色的情况也是不能避免

综上

色彩模式在设计时的呈现是非常复杂的，很高兴大家能看完这么长一段，都21年了，希望大家对设计中的色彩模式都有更深入的了解，如果有想探讨的地方欢迎大家留言