ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

色域、色度图、色彩空间与色彩管理:从原理到实操的完整解析

色域、色度图、色彩空间与色彩管理:从原理到实操的完整解析 做图像处理这些年我遇到过太多人在“颜色”这个问题上栽跟头显示器上看着挺高级的蓝一打印出来变成灰紫在别人电脑上打开自己的设计稿饱和度完全变了样手机上看还挺通透的片子传到电脑上一团糊。这些问题的根源几乎都指向同一组概念——色域、色度图、色彩空间、色彩管理。这四个词经常被混着说但它们其实是完全不同的层次。这篇文章我想用自己的方式把它掰开揉碎讲清楚。如果你刚接触图像处理、摄影后期、视频剪辑或者平面设计这篇能帮你建立一套完整的色彩认知框架以后再碰到“广色域”“DCI-P3”“ICC Profile”这些词至少知道它们到底在说什么、能做什么、又骗不了你什么。1. 先搞懂一个根本问题颜色到底是什么很多人以为颜色是物体的物理属性比如树叶是绿色的、番茄是红色的。但严格来说颜色是光进入眼睛之后大脑生成的一种感知结果。光线照射到物体表面物体吸收一部分波长的光、反射另一部分反射光进入眼睛视网膜上的视锥细胞把光信号转成神经电信号再经过大脑处理最终才形成“绿色”“红色”这样的判断。这就意味着同一片树叶在正午阳光下和傍晚夕阳下反射进眼睛的光谱分布完全不同但你的大脑会努力把它“纠正”成绿色这种能力叫色彩恒常性。相机就不行它老老实实记录光谱差异这也是为什么手机直出的照片经常偏色而人眼在现场看着却很正常。人眼视网膜上有三种视锥细胞分别对短波蓝、中波绿、长波红敏感它们对不同波长的光有不同的响应曲线。三种信号按比例混合就构成了我们能感知的所有颜色。这就是“三色理论”也是RGB彩色设备能工作的生物学基础。但问题来了不同人眼睛里的这三种视锥细胞数量、敏感度都不完全一样。那怎么定义一个“标准人眼”1931年CIE国际照明委员会组织了一批观察者做颜色匹配实验让观察者用红、绿、蓝三原色去匹配各种单色光记录下平均的匹配数据最终建立了“CIE 1931标准观察者”模型。今天你看到的各种色度系统几乎都建立在这次实验的数据上。这段历史有必要记一下因为后面所有概念最终的裁判都是“人眼感知”。不是仪器说了算不是显示器标称说了算而是回到人眼对颜色的真实感知上来做度量。2. 色域能表现颜色的“范围”有多大色域英文叫Gamut指的是一个设备或一种色彩标准能够表现的颜色范围。范围越大能表现的颜色越丰富尤其是那些高饱和度的颜色。为了直观描述这个范围我们把颜色拆成两个维度来看色相色调、饱和度再单独考虑亮度。用一个二维平面图来表示颜色把亮度单独拿出去就得到了著名的“马蹄形”色度图。2.1 色度图怎么读马蹄形图背后的逻辑这个马蹄形图就是CIE 1931 xy色度图。横轴和纵轴分别是x和y坐标它们是从人眼三色响应曲线推导出来的色度坐标。马蹄形的弧线边缘是单色光也就是纯光谱色的位置从紫色到蓝色、绿色、黄色、橙色、红色波长从380nm递增到700nm左右。马蹄形内的每一个点都代表人类肉眼能看到的一个颜色只不过忽略了亮度差异。底边那条直线连接蓝色和红色是光谱里不存在的“紫红色”区域由两种光混合而来。图中靠近中间的位置有一个白色区域通常标着D65、D50之类的点它们是标准白光的不同定义。有了这张图谈色域就特别方便把一台显示器能发出的最饱和的红、绿、蓝找到在图上连线得到一个三角形三角形内的颜色就是它能显示的。三角形越大能覆盖的颜色越多。这也是为什么我们发现无论多贵的专业显示器三角形永远小于马蹄形——人类可见光范围太宽了现在的显示技术根本做不到全覆盖。2.2 显示器和打印机到底能覆盖多少颜色普通的sRGB显示器三角形比较小能覆盖大约35%的CIE可见色域面积百分比不是感官百分比。Adobe RGB显示器的三角形在绿色和青色方向明显向外扩能覆盖大约50%以上。DCI-P3是影院投影标准覆盖范围介于两者之间但在红色和绿色方向都比sRGB大不少。而Rec.2020也就是8K超高清视频标准采用的大色域三角形几乎撑满了大半个马蹄图理论覆盖范围非常恐怖但至今没有几款民用显示设备能真正完整显示它。这里有一个很多人忽略的点色域图是二维的。它只表达了色相和饱和度没表达亮度。本身High动态范围HDR的颜色亮度和饱和度的关系非常复杂所以真正衡量显示能力时更严谨的做法是看三维的“色域体积”也就是把亮度轴也加进去。这就是为什么一个广色域显示器显示暗部颜色时往往细节会丢因为它的色域体积在低亮度区域并不大。打印机更惨一点。它靠CMYK油墨吸收光线来产生颜色原理决定了它的色域和显示器完全不重合。显示器能表现明亮鲜艳的绿色打印机打出来就暗淡很多但打印机在某些青色、品红色方向反而能印出显示器上显不出的颜色。所以你在屏幕上调到满意的图打印之前一定要做一次软打样否则很容易“见光死”。3. 色彩空间一套完整的“颜色密码本”如果说色域是一块地的面积大小那色彩空间就是在告诉你这块地的边界在哪、地上的坐标怎么标、不同高度怎么编号。一个完整的色彩空间通常包含四个要素色域范围原色坐标和白点、传递函数也叫Gamma或EOTF/OETF、分量矩阵如何从RGB转成YCbCr或其他分量。以sRGB为例色域采用ITU-R BT.709定义的RGB原色坐标白点是D65传递函数是一个分段函数近似2.2次幂。这套规则固定在1996年由微软和惠普联合推出当初是为了让显示器、打印机、互联网上的颜色有一个统一的最小公分母。到今天sRGB仍然是互联网、办公、手机照片的默认色彩空间。你的Windows桌面、浏览器网页、微信里传的图基本都按sRGB对待。3.1 主流色彩空间一次性说清楚下面这几个色彩空间如果你做图像处理相关的任何工作迟早都会遇到。我做了一张对照表把它们的核心参数和典型用途整理在一起。色彩空间RGB原色坐标R/G/B白点Gamma/传递函数典型用途sRGB(0.640,0.330)/(0.300,0.600)/(0.150,0.060)D65分段函数近似2.2网页、办公、微信、多数手机Adobe RGB(0.640,0.330)/(0.210,0.710)/(0.150,0.060)D652.2印刷、专业摄影后期Display P3(0.680,0.320)/(0.265,0.690)/(0.150,0.060)D65近似sRGB Gamma实际为2.2左右苹果设备、HDR视频DCI-P3(0.680,0.320)/(0.265,0.690)/(0.150,0.060)偏D60实际0.314,0.3512.6数字影院放映Rec.709同sRGBD65OETF近似0.5实际0.45EOTF综合2.4HD高清视频蓝光、广电Rec.2020(0.708,0.292)/(0.170,0.797)/(0.131,0.046)D65PQST.2084或HLG4K/8K HDR视频这里特别想说两件事。第一Adobe RGB和sRGB的绿色原色坐标差异很大。Adobe RGB的绿色更靠向马蹄图的边缘更纯、更饱和这是为了覆盖印刷色域中绿色和青色的部分。如果你做风光摄影后期然后交给印刷厂出图Adobe RGB是更合理的工作空间。但如果你只是发朋友圈、做网页、发公众号用Adobe RGB纯属给自己找麻烦——你辛辛苦苦调的颜色一旦忘了转sRGB导出别人看到的版本饱和度会明显偏灰。第二Rec.709和sRGB的色域原色坐标其实是一致的都是BT.709那个三角形差别主要在Gamma曲线上。视频领域用Rec.709图像领域用sRGB两者在灰度表现上略有不同这也是为什么同一段视频在网页播放器里放和剪辑软件里看亮度层次会有细微差别。3.2 同一个RGB数值在不同空间里不是同一个颜色这一点非常关键却是新手最容易忽略的。屏幕上显示的是一个RGB值比如255 0 0。这个数值本身不是颜色它是一串“编号”。这串编号要结合色彩空间去解释才知道它对应的具体颜色。同样的255 0 0在sRGB里是最纯的红色在Adobe RGB里却是带一点黄相的橙红色在Display P3里则是比sRGB更纯更鲜艳的红色。这就是为什么没有色彩管理时同一张图片在不同的设备间流转颜色会“漂移”。色彩空间就是那张“解码表”大家用不同的解码表解出来的颜色自然不一样。还有个概念容易被扯进来位深bit depth。普通图片是8bit每通道也就是每通道256个灰阶。色域范围越大这256个灰阶之间的“间距”就被拉得越开暗部产生带状断层banding的风险越高。这也是为什么大色域工作通常建议用16bit不是在制造玄学而是在保证灰阶密度。说到这顺便提一下色域和色彩空间的区分色域是“范围”这个纯几何概念色彩空间是“范围 编码规则 传递函数”的整体协定。你经常听到的“广色域显示器”通常只是表示它的面板能达到某个范围但如果没有配套的整理和转换它反而会因为显示不匹配的颜色而失真。4. 色彩管理让所有设备说同一种语言有了前面的基础色彩管理就很好理解了。色彩管理的目标让同一个数字图像在显示器上、手机上、打印机上、电影屏幕上尽可能呈现出“视觉感受一致”的颜色。它不是让设备显示完全相同的物理光谱这几乎不可能而是让不同设备之间通过一套翻译机制把颜色对应到人眼感知层面的相近状态。怎么做核心是三步描述Profile、转换Conversion、映射Rendering Intent。4.1 色彩管理的三步工作机制第一步给每台设备建立一份“色彩档案”也就是ICC/ICM配置文件。这个文件记录了设备的色域范围、白点、Gamma曲线等特征相当于告诉系统“我是一台什么样的设备我能显示哪些颜色”。显示器的ICC文件通常通过校色仪测量生成打印机和纸张也有对应的ICC相机的RAW文件则会在解码时嵌入色彩空间信息比如Adobe RGB或者ProPhoto RGB。第二步系统或者软件读取源图像所在色彩空间把它转换到一个独立于设备的中间空间通常是CIE Lab或XYZ空间再从这个中间空间转换到目标设备的色彩空间。这就像两个人不会直接说对方的语言就用英语当中间语言做翻译。第三步当源色彩空间的色域比目标设备大放不下那么多颜色了就必须做取舍。这个取舍规则就是渲染意图Rendering Intent主流有四种感知式Perceptual压缩整个颜色范围保持相对关系适合照片。整体饱和度会降低一些但色调关系自然。相对色度Relative Colorimetric只把超出目标色域的颜色裁剪或映射到边界内部颜色尽量保留适合印刷品、品牌色。绝对色度Absolute Colorimetric按物理色度匹配一般用来做数字打样Digital Proof会保留纸张背景色等物理特征。饱和度式Saturation优先保留颜色的饱和度适合图表和商业图形比如PPT里的折线图。选错渲染意图是很多色彩管理“做了等于没做”的原因。照片打印选“相对色度”高饱和的霓虹灯照片就会死板选“感知式”整体会灰一档选“绝对色度”打样出来的颜色带着模拟纸张的底色如果直接当正稿用观感会很怪。4.2 系统层面和软件层面的色彩管理现状macOS在色彩管理上做得很早系统自带ColorSync绝大多数应用都会读取ICC并做转换这就是为什么苹果电脑上广色域显示器和普通内容之间色差相对小。Windows这边早期因为系统没有强制色彩管理很多应用直接忽略ICC默认把所有内容按sRGB输出这就导致你在广色域显示器上打开一张正常的sRGB图片系统不转换、直接把数值交给广色域面板颜色瞬间艳得刺眼。现在Windows的ICM虽然存在但很多桌面软件、截图工具、老看图软件根本不调用它乱象依然不少。浏览器是重灾区。Chrome支持ICC但对不同色彩空间的图片转换逻辑一直不完善Firefox相对严谨却被多数人换掉了。所以你辛辛苦苦校完色的图传到网上用户看到的到底是什么样其实你根本控制不了。这也是我后来养成的习惯所有发到互联网的内容一律转成sRGB导出再检查一遍绝不赌对方设备的“自觉”。软件方面Adobe全家桶有统一的色彩管理引擎。Lightroom默认工作空间是ProPhoto RGB这是比Adobe RGB更大的一个色域空间用于尽量保存摄影原图数据导出时再根据需求转sRGB或Adobe RGB。Photoshop里在做印刷稿时可以开启“软打样”CtrlY / CmdY用打印机的ICC来模拟最终印刷效果这一步极其有用。4.3 硬件校准色彩管理里最容易被忽视的一环很多人买了广色域显示器觉得出厂校准过就万事大吉了。其实不然。显示器的背光、面板、驱动板都会随着时间和温度漂移出厂校色只能保证新机器开箱那一刻的状态。真正靠谱的做法是定期用校色仪如爱色丽i1 Display Pro、德塔Spyder X对显示器做硬件校准优先或软件校准生成ICC通过显卡LUT来校正。校准流程大概是显示器预热30分钟关闭自动亮度和一切色彩增强功能选择目标参数白点D65、Gamma 2.2或2.4、亮度根据环境定标准环境建议120cd/m²跑一遍校色软件生成并加载ICC配置文件。这里有个小坑软件校准依赖显卡Look-up TableLUT做修正如果显卡驱动没装好或者系统ate了别的色彩配置文件校准基本白做。硬件校准则是在显示器内部芯片里修改LUT系统层面看到的还是原生信号更稳定。预算够的话优先选带硬件校准功能的显示器。还有一点校色环境的光线也影响感知。D65白点对应晴天的中午光D50偏暖黄专门用于印刷灯箱。你在冷白灯光下校色和暖黄灯光下校色出来的结果完全两样。做印刷的最好配D50光源的标准灯箱做屏幕显示的室内灯光用中性白、色温接近D65的LED灯且尽量避免灯管直射屏幕造成眩光干扰。5. 选显示器之前先把这几个问题问清楚写到这里落到实操层面。我自己被各种“广色域”“高色准”的营销话术坑过不少次后来总结出四个买前必问的问题。第一它的色域指标是“覆盖率”还是“面积比”厂商标“130%sRGB”通常说的是面积比但这个数字对实际参考意义不大。更可靠的是看“sRGB 100%”“DCI-P3 96%”这样的覆盖率。sRGB覆盖率100%说明它在sRGB三角形内一个不落Adobe RGB覆盖率能到95%以上才值得为印刷工作加钱。只看面积比厂商可以用一块色域形状奇特的屏把数字做得很漂亮但实际该缺的颜色照样缺。第二它有没有内置硬件校准芯片没有的话系统LUT校准在遇到全屏独显游戏或某些视频播放器时经常被绕过颜色瞬间回到原样。第三带不带sRGB模拟模式如果你平时还要浏览网页、修图后验收一个精准的sRGB模拟模式能锁定到sRGB色域并正常工作远比面板原生色域重要。很多广色域显示器出了sRGB模式后色温偏绿或亮度锁死这种模拟就是虚设。第四灰阶均匀性怎么样这一点比色域更难查很多评测数据里不会单独讲。简单办法纯色显示眼睛从屏幕中心到四角扫亮度或色温有明显渐变就要谨慎。做后期修图屏幕中间和边缘颜色不一样比色域差一点更让人抓狂。对应不同用途选型策略也不一样。只做网页、文档、办公买一台sRGB覆盖准确、带出厂校色报告的普通面板就够了没必要追求P3。做照片和印刷优先考虑Adobe RGB覆盖率高的IPS屏配合校色仪使用。做视频剪辑、调色要看它能不能完整覆盖DCI-P3并支持HLG/PQ曲线同时注意10bit面板8bitFRC也算但你要知道自己买的是什么。6. 色彩管理的常见问题速查表分享几个我在实际工作中反复遇到的问题和解决思路按我的经验排序越靠后的越容易被忽略。现象可能原因排查路径自己在电脑上调的图发到手机上变灰没转sRGB就导出导出时选sRGB或Photoshop里“转换为配置文件”选sRGB广色域显示器上所有网页都过度饱和系统或浏览器没启用ICC转换检查系统色彩管理是否启用了显示器ICCChrome里打开硬件加速并更新版本打印结果和屏幕差距大未做软打样/选错渲染意图用打印机的ICC做软打样照片用感知式产品图用相对色度同一张图在不同软件里颜色不同各软件色彩管理设置不一致统一工作色彩空间关闭“显示器补偿”之外的额外转换晚上调完色第二天上班看颜色偏黄环境光变化影响感知同一工作环境固定照明显示器亮度不要总是调校色后显示器变暗但颜色还是不准软件校准LUT拉得太多丢失灰阶考虑硬件校准若屏幕素质太差重点优先校准灰阶和白点那台我用了很久的显示器出厂标称P3覆盖很高我买回来后一直觉得红色过于妖艳。排查了一圈发现是Windows系统把P3内容当成sRGB输出导致的过饱和启用它的sRGB模拟模式后日常修图才恢复正常。这就是“广色域有害论”的经典场景——不是显示器不好是整个链路里缺少色彩管理。最后分享一条个人经验色彩管理这套东西刚入门时觉得复杂真正上手后其实就那么几件事给你的设备做一次校色并生成ICC统一工作空间和输出空间发网上的图一律sRGB打印前记得软打样显示器不要买回来就不管每隔一两个月重新校一次色。真正专业的团队快的话三五分钟就能完成一台显示器的校色慢工出细活的地方在于环境光的控制和后期验证。我现在养成一个习惯每调完一批图会把它们同时开到两台显示器上对比一台是严格的sRGB模式一台是广色域模式如果两台显示出来的都还算协调这个图就放心了。这个技巧简单但比单纯看参数有用得多。
返回列表