颜色管理 艺用色彩管理与同步 入门

LIN+

想来想去还是发漫区，毕竟主目标群体是画图众...
转载请注明LIN+
颜色管理的目的

对于普通电脑用户来说，可能并不会在意颜色的微妙区别，但是不论是工作还是爱好原因，平时对图像的准确还原有很高要求的人经常会遇到这些问题：在家里精心画的CG拿到公司电脑上看发现颜色完全偏掉，在DSLR上看很鲜艳明亮的照片接到电脑上变的灰暗平凡，做出的清淡优雅的设计图印刷出来一片浆糊....  恩是时候开始注意色彩管理了。

基础的背景知识

颜色：
三个色光混合产生的不同效果，注意人眼只能感知一个范围内的颜色，就好像耳朵能听到的振动频率也有上下限一样。而且人类的肉眼对不同色光的敏感程度是不同的。
以下纯粹科普，合颜色管理并无直接关系，没有兴趣的可以忽略这段。
人眼对颜色的感知是由两种结构组成的，视杆细胞（Rod Cell）和视锥细胞（Cone Cell），其中视感细胞对光更加敏感，所以主要负责在光线不足的时候发挥作用，就好像开ISO 1600一样。视锥细胞则对颜色的色相更加敏感，这就是为什么夜晚时候看东西会感觉饱和度很低，因为主要是视杆细胞在工作而视锥细胞在努力分辨颜色。而视锥细胞为了接收不同颜色的光产生了三种特化，type S，M，L 。下图是三种锥细胞对于不同频段的光的敏感程度。

可以看出三种细胞对颜色的接收并不是严格对应红绿蓝三色的，也没有任何线性或可归纳的公式来进行计算，最可怕的是每个人对色彩的感受也会有微妙的不同，不用说色盲和色弱患者了。 所以致力于研究肉眼对颜色的感知以及对应的，还原各种色彩的研究，也就是颜色科学是一门十分复杂的学科。这话题在这文里就停留在这里好了。

颜色格式

RGB: Red Green Blue 最传统的倚靠三色光混合重组来还原图像的方法，广泛用于各种发光显示器材，比如各种CRT，LCD，大自然等等。

CMYK: Cyan, Magenta, Yellow, Black  青色，紫色，黄色，黑色。 普通彩色印刷所用的四种油墨的颜色，大部分出版物上的图片都是这四种油墨混合还原的。另外也有很暴力的传说中的6色喷墨印刷（多了淡青和淡紫好像），不过一般很少用到，其余五色印刷则多为最后套印一种特殊色（烫银烫金之类）。

除此之外还有HSL，HSV等等很多种颜色格式，但是一般CG相关工作都是在RGB中进行的所以略过不提。

色域,Gamuts: 顾名思意就是能产生的颜色的范围，不同技术的还原方式可以产生的色域的广度和形状都不同。基本各家专业显示器厂家都会炫耀其屏幕色域有多广，或是可以覆盖多少多少色彩空间。

color space,色彩空间: 本质是用数学方法表示一个颜色的数学模型，后面提到的sRGB，adobe RGB, LAB等都属于色彩模型，这个模型致力于在有效的范围内还原更多的色彩。

色域和色彩空间的关系

这张图我想注意硬件或者图像相关的朋友都会见过，这是一种直观的色域和色彩空间关系的表示，之所以能在2D坐标轴上表示三组数据xyz（RGB）三种数据是因为运用了x = X/(X+Y+Z), y = Y/(X+Y+Z), and z = Z/(X+Y+Z)的算法来去掉明度。 所以要主意这种表示并不是完全准确的。 另外因为我们都是在显示器上看这张图，而一般的显示器根本无法还原纯色的色彩，所以其实不用太在意这张图上的颜色....

最外圈的半椭圆（？）形的边缘是所谓的Spectrum Locus，也就是饱和度最高的颜色。
黄色三角以内都是这台显示器（EIZO的CG301W）可以显示的色彩。三个角落就是纯色的R，G，B。
蓝色三角是传统的sRGB色彩空间，我们可以看出完全被黄色三角包进去了，也就是说sRGB内的任何颜色这台显示器都可以显示。
橙色三角是艺术领域广泛应用的Adobe RGB(1998)，可以看出比陈年的sRGB要更大更暴力，这台显示器可以覆盖adobe RGB的97％色彩空间。


刚才我们提到这种2D图是为了直观表示而进行了取舍的结果，下面一个例子用相对准确的3D表示方法进行说明。（上面用2D图说明主要是因为我没有那EIZO，没法自产，不过好像去他们官网可以下到那显示器的ICC？）

这是apple cinema display所能还原的色域


这是adobe RGB的色彩空间，可以看出要比cinema display的色域大一圈。


那么.....这个皱皱巴巴的小东西就是CMYK的色域，相信这样就很容易理解为什么印刷图和电脑上看会有不同了吧？


另外还有很大很暴力的LAB颜色，这是后来CIE在1976年提出的CIELAB色域，其实很多部分人眼是看不见的，所以艺用领域唯一的价值是它的范围是最大的，所以不会因为转换到LAB而丢颜色。


ICC profile: 这是色彩管理的基础文件，没有这个文件的图像和设备是谈不上色彩同步的。
比如这是CMYK的ICC文件


ICC主要负责文件在色域不同的设备（扫描仪，数码相机，显示器，打印机）之间的转换，这也是颜色管理的核心所在。校色仪（我们说的挂蜘蛛）最后产生的也就是这么一个针对显示器实际测量出来的ICC文件。

举个例子，当扫描仪“扫”到一个点的颜色的时候，它是根据它的ICC来判断，是“什么”样的颜色应该转换成“什么”数值的数据。当一个颜色格式转换成另一个颜色格式的时候，它是根据ICC来判断这个格式下的某色应该是另一格式下的什么色的。 当显示器显示一个图像文件的时候，它是根据ICC来判断，“什么”数值的数据，要“怎么”转化成“什么”样的色光来射到你的眼睛里。

不同色域间转化（Gamut mapping）：根据ICC的信息来在不同色域的设备之间转换，比如你的D3有10位颜色的CMOS，出来的RAW自然也有牛X的10位颜色文件，而我们不是疯子我们没有去买2万美刀的Sony 10位色LCD监视器，也没有老到去买饭山的10位色CRT。 那么我们需要一种能算法来把这RAW转换成我们在显示器上看到的图像。 首先我们要把10位颜色转换成8位颜色，也就是每个颜色256级，（这步其实和本文没什么关系）EIZO的高端LCD拥有10甚至12位的look up table来相对更准确的还原10位颜色，当然，它本质还是台8位显示器。之后下一步是把CMOS取得的大色域颜色文件还原在小色域的显示器上，一般有4种算法达到这一目的：

• Perceptual: 根据不同大小的色域智能的重新调整颜色，最大限度利用全色域的转换方式。摄影一般用这个比较好
• Relative Colorimetric: 完全按照原色转换，对于不在色域内的色用最接近的色域内色替换。这是一般做CG时候的选择。
• Absolute Colorimetric: 类似，但更智能，也更不可靠。
• Saturation: 对比饱和色点来转换，基本对摄影无意义。
  

是不是已经云里雾里了？别担心，前面这部分只是讲原理，目的是理解每步骤的意义。但只要实际操作正确，完全不知道这些东西也无所谓的。



实际设定与步骤

这部分因为都是我们每天要接触的步骤，所以我会尽量的写的直白易懂～

一：photoshop内的设定

1. 确定工作颜色环境（working color space）
决定一个在电脑上作业时候用的颜色空间，不管是从什么设备来的，要去什么输出设备，都要在这个环境下进行编辑处理，如果是CG作图的话，这也是作品产生时候的环境。

2. 确定不同色域之间转换的方式
也就是上面提到的不同色域转化，简单的说就是从那4种转换方式里选一个就好了。我的建议是摄影的选Perceptual，画图的选Relative Calorimetric。

除此之外还有几个需要注意的地方，photoshop是个很强大的软件，但也因为过于强大的想要控制所有步骤而变的庞大复杂，一个地方设错了就可能反咬你一口达到反效果。

第一个窗口在Edit（编辑）－〉颜色设定（color setting）


这是Mac版的窗口


这是windows版的窗口

第一件事就是把Working Color Space设定为Adobe RGB 1998，因为这是最常用的大色域色彩空间，也是基本显示器试图达到的极限。也就是说，再大了没用反正你显示器也显示不了，再小了就不够用了好像带着滤镜编辑图。

• Mac版要主意的一点就是，工作颜色空间不是显示器颜色空间。 绝对不要选你显示器的颜色空间。 因为这个颜色空间是完全按照你显示器而独立生成的，完全没有任何通用性，放在别人电脑上或者打印机上看就不同了。这点尤其要提醒刚买了校色仪得出了准确得显示器ICC而迫不及待的把所有能改的地方都改了的朋友.... 至于那个用在哪里之后会提到。
• 对Windows用户来说，因为操作系统本身没有独立的显示器（Vista还是XP之前）颜色空间这种东西（历史原因，这也是为什么以前都用苹果做这些），所以Photoshop有提供Monitor Profile，在这里设定为校色仪输出的ICC文件或者显示器原厂文件就可以了。另外因为Windows这图是网上找的，所以可能和最近的版本有出入，领会精神＝ ＝
  

Mac版有设定CMYK的颜色范围，一般用US Web Coated v2就可以了。

另外Windows由于历史原因（＝ ＝），经常会有图像文件没有ICC文件的状况，所以Windows版有一个Assumed File Profile（如果没ICC那么自动默认为这个）这个最好留空，因为Photoshop会自动给打开过的没ICC的文件加上这个默认的颜色空间。

Conversion Options就是上面提到的确定不同色域之间转换的方式，选择根据上面的推荐（Perceptual for photographers, Relative Colorimetric for illustrators）。

那两个Advanced Controls不要钩，是很猎奇的玩艺。

第2个不是个窗口，在View（浏览？我没用过中文PS只能瞎猜）下面的proof setup。


这是adobe的又一个双刃剑功能，目的是让设计师在屏幕上看见印刷出来的效果，说白了就是过一层滤镜把rgb转成cmyk颜色看看效果。或者转成windows rgb看看windows用户看到的图是怎么样的，macintosh用户同理。这是好功能没错，但一旦不小心钩上了（注意上图就是钩上的时候），所有photoshop的窗口直接变成你选的那种格式的效果，不管你之前工作颜色环境怎么选的。 所以，在平时要注意不要钩上它。

然后是最熟悉的取色窗口


颜色右面三角的叹号表示现在的颜色是印不出来的（在rgb色域但不在cmyk色域内），下面的立方体表示现在的色不是网络安全颜色（这是历史产物，现在人人电脑都是32位颜色模式所以基本不用关心）。
也就是说一张图里有越多不在CMYK色域内的颜色，就表明印刷后和显示屏上的差距会越大。 画要印刷的图的时候最好不要选用有叹号的颜色，因为反正最后是印不出来的还要向低兼容，本来很明亮的色彩变成了灰蒙蒙的。

这就引出了另一种对应方式，那就是在画图过程中就选择Image（图像）－〉Mode（模式？）把图设成CMYK格式然后再画，而不是rgb模式画好了最后转换。这种做法就好像在纸上画画时候，故意选用限定的颜料，这样可以在画的过程中就保持对颜色的局限的认识，并且重新安排亮色的表现形式，会对颜色有影响的功能比如Dodge（减淡）等也不会减淡到跳出cmyk的范围。缺点同样很明显，大部分滤镜和部分图像调节功能都不可用，图片因为要用四色编码而不是3色而变的庞大缓慢。所以采用哪种还看个人习惯和权衡。

另外即使不采用CMYK画图，也要时刻清楚印刷图和电脑图的区别，印刷品是加色调色，反光进入肉眼，显示器图是减色混色，发光进入肉眼。采用的混色原色不同也决定了对不同颜色的表现能力不同。
以下是我总结的一些直观经验。

1印刷图容易偏蓝绿，这可能是因为cmyk之一的c是青色的缘故。
2印刷图对暗部和亮部的层次感表现很弱，很多在电脑上很微妙很牛X的效果到了印刷图上就是一片黑糊或者白糊。
3印刷图的亮紫色很明显很丑.... 好吧这是个人观点。
4以上几个都是可以解决的，只要有足够牛X的出版人员，足够牛X的印刷机，投入足够时间泡印刷厂去打样，修改，打样，修改，基本都可以有满意的效果。
另外cmyk的图在windows下看会严重偏色（非PS下，比如ACDsee或者自带图片浏览器），这是正常现象，历史原因，不用在意。＝ ＝

二.显示器的校色

恩又是这讨厌的图～


显示器校色的目的很简单，就算全套软件都跟着正确的颜色管理程序走，编辑时候显示器输出的颜色要是不准的话还是一样越改越糟，这就是为什么以前LCD不成熟时候大部分专业人士都坚持使用CRT，也是为什么专业的图像显示器动辄是普通的3倍价格。

首先显示器硬件的选择，虽然和颜色管理无关，但还是在这里提一下好了，毕竟都是为了达到作图时候有良好的颜色环境。 CRT我不是很了解，不过画画的朋友有的现在还在用早年的sony特立珑和三菱的钻石珑，LCD的话起码应该入IPS面板的，Dell的部分2007和2407（印象），Apple Cinema Display，EIZO的ColorEdge等等，hp最近出了怪物级的10位颜色民用显示器Dream Color，应该是3000刀左右记得。

然后就是校色，在使用过程中显示器颜色会不断的变化劣化，所以应该养成定期校色的习惯。
在没有校色仪之前，人们全凭肉眼校色，过程十分繁复，软件更加繁复，色温多少K，D65还是sRGB等等烦人的设定。最可恶的是“到底要不要相信自己的眼睛”这一问题被无数次推敲。所以我不打算写肉眼校色的过程了，实在是太要命了。 现在蜘蛛的话也很便宜，而且三个颜色版本差别只在软件，我买的是最便宜的，据说网上有破解我还没用，在这个时代我宁愿相信机器Orz...   
手动校色可以看这篇文章：http://www.normankoren.com/makingfineprints1A.html#gammachart
高级蜘蛛的软件优势看这里：http://www.cg2100.com/products/eye/spy3.html

校色要主意的几点

1显示器点亮至少半小时再开始校色，这是为了让显示器进入恒定的状态。
2校色时候环境与平时编辑图像时候的环境一致，人眼是很相对的仪器，作图时候最好周围不要有有色灯光（EIZO的Color Edge系等都有专门的遮光篷），墙壁白色或者灰色，最好也不要有阳光直射，因为阳光的变化也会影响人眼... 最好也不要在暗室画图，高对比度的屏幕看久了眼睛会失去对层次的感觉，最后图的对比度会偏大。
3校色后就不要碰显示器自带的设置了。

校色结束后软件一般都会自动把ICC替换成新生成的ICC文件

Mac要确认的话可以看这里：

苹果自带的校色程序ColorSync。

Windows要确认的话在
控制面板－显示－设置－高级（？）－颜色管理


三 打印机（输出）部分

写到这里已经无力了，我直接略过了～（殴）
主要原因是一般家庭用打印机都不够水准，也很少有人会用家庭打印机打有工业要求的图样。所以普通人没什么必要去管它。 要知道印刷厂那些打样机动辄3－5百万的售价不是没有原因的。 所以，相信印刷厂，不相信的话，亲自去印刷厂看样刊效果（果然直接暴露我就是一画同人的Otz，只会说这些相关...）。

本文表述混乱中英混杂平台交错，可读性应该小的可怜，那么... 有疑问欢迎指出交流。

另外我网站上还有篇以前写的新手CG注意事项，连接在这里：http://lin-link.srworld.info/?p=71

[ 本帖最后由 LIN+ 于 2009-2-24 05:01 编辑 ]

alfonso

  深夜帖受教了，mark

另外谢wacom设置教程

坂田銀時

收了，谢楼主！

Archlich

林姑娘辛苦啦

XXXG01H2

好深奥的技术帖，收藏啦~~

alfonso

另外WP的模板很漂亮。。。

荷叶饭

mark 明天起来看
谢谢lz了

tailcat

请问有painter的颜色设定么》《
突然发现我工作颜色空间选的显示器颜色空间。。。。

茉莉花

实用mark之

mono

学术帖..收藏

川澄绫子

好技术,虽然是入门但还是看不懂

figure

谢谢林姑娘科普。

zodmaxtear

我是来捧场的，LIN姑娘真贤惠

lionelsnake

谢谢林妹妹发片，EIZO用户纯顶不看

kazz

MARK

10e

收藏收藏~

chrisY

显示器是减色调色？印刷品是加色调色？

不太明白。。可以解释下吗？

我一直觉得RGB是加色，CMYK是减色。。。还是说我说的跟你说的是两回事。。。求教

Evanjjy

收藏收藏

卡纸

收藏～学习了

kit8847375

实用收藏之

ds也能调色就好了，用color画的图传到电脑上，色彩完全2样

chrisY

哪位高手给讲解一下我的问题啊。。

ps. 真鄙视这帮人。。。收藏还非要说出来。。。和纯水有什么区别吗。。

candysweet

或许因为有时差，LS等林姑娘下课回来解答吧……

584520184

嘛 这贴……

放浪男

Magenta  这个应该叫品红而不是紫色……

“普通彩色印刷所用的四种油墨的颜色，大部分出版物上的图片都是这四种油墨混合还原的。另外也有很暴力的传说中的6色喷墨印刷（多了淡青和淡紫好像），不过一般很少用到，其余五色印刷则多为最后套印一种特殊色（烫银烫金之类）。”

这一段有点概念混淆，6色喷墨通常是指数码打样或者数码印刷，比较大的输出公司都有这样的机器，epson这种。而4色印刷+一种特殊色要在印刷车上实现，数码印刷品是不能拿去烫金烫银的，纸张不一样。

[ 本帖最后由 放浪男 于 2009-2-24 13:18 编辑 ]

cexo

没钱买IPS……用TN屏怎么校也校不正的泪目……

蕾丝

抱lin仔~

EndlessStory

可以看出三种细胞对颜色的接收并不是严格对应红绿蓝三色的，也没有任何线性或可归纳的公式来进行计算，最可怕的是每个人对色彩的感受也会有微妙的不同，不用说色盲和色弱患者了。 所以致力于研究肉眼对颜色的感知以及对应的，还原各种色彩的研究，也就是颜色科学是一门十分复杂的学科。这话题在这文里就停留在这里好了。

写的好啊...真可怕..技术部分先收藏了

很好

受教了

LIN+

原帖由 chrisY 于 2009-2-24 10:22 发表
显示器是减色调色？印刷品是加色调色？

不太明白。。可以解释下吗？

我一直觉得RGB是加色，CMYK是减色。。。还是说我说的跟你说的是两回事。。。求教 ...

抱歉写的时候主要是靠印象...这个细节想当然了。  刚才找了些资料发现关于这个还是有不同说法。
比如：http://ehongnet.oicp.net/knowledg/colorth/color_plus-sub.htm

这样的话两者都应该算是加色法。

LIN+

原帖由 放浪男 于 2009-2-24 13:05 发表
Magenta  这个应该叫品红而不是紫色……

“普通彩色印刷所用的四种油墨的颜色，大部分出版物上的图片都是这四种油墨混合还原的。另外也有很暴力的传说中的6色喷墨印刷（多了淡青和淡紫好像），不过一般很少用到，其余五色印刷 ...

恩正确叫法应该是品红，cyan应该是藏青吧... 不过这些颜色的中文叫法一直搞混乱，什么靛蓝古蓝湖蓝藏青的.... 小时候学美术时候就觉得这些叫法真那啥。

第2点也没错，所以我特地加了“6色喷墨印刷”来区分其余的...
另外补充一点，印刷机也可以做到除开烫银的5色印刷，我记得华焰那本画集当时宣传就是5色印刷，多加了一种接近2D肤色的黄...

遠野志貴

高深的技术帖..收藏之...

王老五

原帖由 LIN+ 于 2009-2-24 15:53 发表


恩正确叫法应该是品红，cyan应该是藏青吧... 不过这些颜色的中文叫法一直搞混乱，什么靛蓝古蓝湖蓝藏青的.... 小时候学美术时候就觉得这些叫法真那啥。

第2点也没错，所以我特地加了“6色喷墨印刷”来区分其余的. ...

加专色而已，专门加印一种事先调配好的颜色罢了

如果有行业特殊需要，就是上十几个专色都没问题

放浪男

原帖由 LIN+ 于 2009-2-24 15:53 发表


恩正确叫法应该是品红，cyan应该是藏青吧... 不过这些颜色的中文叫法一直搞混乱，什么靛蓝古蓝湖蓝藏青的.... 小时候学美术时候就觉得这些叫法真那啥。

第2点也没错，所以我特地加了“6色喷墨印刷”来区分其余的. ...

印刷其实颜色再多都可以，工序复杂外加费用高，4色印刷机甚至单色机也可以印十几个颜色，4个颜色印好等油墨干了再印其余的颜色反复，但是考虑颜色之间露白的关系，高质量的多色印刷都要做补漏白（trapping），耗时耗钱，所以一般没特殊需求都选择4色。你所说的4色+一皮肤黄基本就是4色+一专色了。

chrisY

原帖由 LIN+ 于 2009-2-24 15:46 发表


抱歉写的时候主要是靠印象...这个细节想当然了。  刚才找了些资料发现关于这个还是有不同说法。
比如：http://ehongnet.oicp.net/knowledg/colorth/color_plus-sub.htm

这样的话两者都应该算是加色法。 ...

最下面怎么就没了。。。关键部分。。一般都认为印刷是减色法啊。。

紫夏

居然能在S1看到林妹子的技术贴。顶一个。

kmh

淘宝上绿蜘蛛不到500块

这个价格能买吗？

红莲可翔式

努力的看完,感觉太深奥了.

LIN+

原帖由 kmh 于 2009-2-24 16:41 发表
淘宝上绿蜘蛛不到500块

这个价格能买吗？

国内价格不了解，书记前一段时间不是买了？

另外十分感谢上面几位的解答，长见识了。

kagalin

技术帖感谢，不过已经不用PHOTOSHOP画图，所以PS颜色管理貌似用不上，想看怎么校正显示器的，结果肉眼那个是全英文的看不懂，蜘蛛那个我没有也不知道怎么用，最近因为显示器报销，想去买台新的CRT居然几乎都没货，好不容易提了一台结果屏幕四角是虚的放弃，最后匆忙买了一台二手的CRT，回家后总觉得很不爽，感觉色彩和清晰度还是有问题，但是已经不知道要怎么弄了。

有无人能提供一下简单的肉眼校正显示器的方法。说起来各位是怎么判断显示器是否变形，我是在屏幕里用圆形选取工具弄个正圆，然后找个手边的圆形物体贴屏幕上做对比= =|||||

艾妮乌丝

这不是专业技术 mark掉