F5.01.2Color gamut设计研究
相同数值在不同色域下呈现不同
别名: 色域 · Display P3 · sRGB · 广色域
概念解释
设计师在广色域屏上选定一枚青绿 #00C2A8,工程在普通 sRGB 显示器上打开同一文件,颜色发灰、发闷。两边读到的都是同一组数字。色域(gamut)是某套原色加白点所能包围的颜色体积;数字是这套原色里的坐标,不是物体表面的绝对色。换一套原色,同一坐标指向另一块颜色。
机制
三通道值要先乘上原色矩阵、再相对白点,才变成 CIE XYZ。Display P3 的绿原色比 sRGB 更饱和,同样的 (0, 0.76, 0.66) 在 P3 里是一块更「电」的绿,在 sRGB 里只是普通青绿。文件如果没有嵌入 ICC 配置、操作系统又按错误空间解释,屏幕就会用另一套矩阵去「还原」,看起来像文件坏了。
从大色域往小色域送的时候还有色域映射:裁切会把墙外的颜色钉在边界上,好几档高饱和品牌色变成同一个值;压缩则把整条饱和度往里挤,连本来就在 sRGB 里的颜色也会变。所以「同一个 hex」在两台设备上对不齐,往往不是校准坏了,是坐标所属的体积根本不同。
怎么研究
用分光光度计或经校准的色度计,在已知配置的显示器上测量同一组坐标的 XYZ / Lab*,再对比设计稿声明的空间。自变量:源色域与目标色域、映射意图(比色 / 感知 / 饱和度)、是否带配置文件。因变量:色差、被裁切的色票比例、观察者能否辨认「这还是不是那枚品牌色」。
做界面对比时,要同时准备 P3 样机和强制 sRGB 的窗口,而不是只在设计软件的当前显示器上点取色器。取色器读到的是帧缓冲里的数字,不是光子。
边界
- 两台都是 sRGB、也都校准过,同一数字应当接近;这条讲的是跨色域,不是校准误差。
- 印刷用的是 CMYK 和纸白,和显示器色域的差异更大,不能用「屏幕上看着一样」代替打样。
- 用户关广色域、或浏览器不做色彩管理时,P3 资源会被当成 sRGB 画出来,观感偏闷,但这是管理链路断了,不是色域体积本身变了。
- HDR 的亮度上限另算,超出的是峰值亮度,不只是 xy 色度范围。
怎么落地
- 设计文件与导出资源都写明工作色域;不要把无配置的 hex 表当成跨设备合同。
- 品牌主色至少在 sRGB 和目标广色域上各看一次。若 P3 上选的色在 sRGB 里被裁切,就在小色域里另定一枚可复现的主色,而不是指望设备「自动变好看」。
- 截图对比必须在同一色域窗口里做,否则争论的是显示器,不是设计。
- 验证办法:把关键色做成带配置的色票,在一台 sRGB 显示器和一台 P3 显示器上并排测量或并排目视;记下哪些色被钉在边界上。