颜色为什么变了:sRGB、Display P3 与色彩配置
同一个色号在两块屏幕、两个软件里看起来不一样。颜色差异究竟来自哪里,以及能挡住大部分问题的三条规则。
品牌橙 #FF6B35 本身不是颜色,只是一组数字;这组数字长什么样,取决于它在哪个色彩空间里被解释、在什么屏幕上被显示。几乎所有”颜色不对”的抱怨,都归结到这两件事之一。
数字需要空间
RGB 数值是空间里的坐标。sRGB 与 Display P3 编码形状相同,但描述的物理范围不同:P3 的红绿原色更靠外,所以 #FF6B35 在 P3 里是比 sRGB 更饱和的橙。
三个实际后果:
- 没带配置文件的图像,多数软件会按 sRGB 解释。如果它本来在 P3 里做、配置却被剥离,看起来就会发灰。
- sRGB → P3 转换是安全的(范围更大);反向转换会裁掉超出 sRGB 的颜色——那些高饱和的绿和橙根本活不下来。
- 截图是最常见的受害者:macOS 按显示器配置截,Windows 工具经常什么都不写,两张图于是对不上。
配置文件就是合同
色彩配置是「数值 → 物理颜色」的映射。ICC 配置负责印刷与广色域显示器;在网页工作里,嵌入的配置通常就是 sRGB 或 Display P3。
能挡住大部分事故的规则:
- 把配置带上。导出 PNG 或 JPEG 时嵌入配置,浏览器和设计软件就会把同一组数字渲染成同样的颜色。
- 只转一次,而且是最后转。确定了目标再转;反复「转换 → 修改 → 再转换」会累积取整误差和裁切损失。
- 不要在校准不准的屏幕上靠眼睛”修”颜色。先对齐数字和配置,再谈观感。
软打样是浏览器做不到的部分
转 CMYK 去印刷与 RGB 不对称:色域更小、黑版生成规则不同,屏幕上看到的是软打样模拟出来的近似值。浏览器编辑器不做软打样,任何网页工具都不可能变成印前检查工具。
如果交付物是印刷品,对颜色敏感的工作请留在有色彩管理的桌面软件里。如果交付物是屏幕——网站、App、PPT——sRGB 至今仍是最安全的公约数;只有当链路两端都由你控制时,Display P3 才值得上。
落到实际操作
面向屏幕交付时,那套”无聊”的流程几乎总是赢:
- 除非有明确理由,就在 sRGB、8 位通道下工作。
- 导出时嵌入配置,不要剥离。
- 在浏览器和手机上各看一遍;如果和你桌面软件不一致,先怀疑配置,不是文件。
- 别人发来 PSD 时,先看文档的色彩配置,再评判颜色。
PhotoPSD 编辑器 会在新建文档对话框和文档属性里显示当前工作配置,做一小时调色之前可以先确认自己到底在哪个空间里。网页导出指南 讲的是尺寸与格式那部分。
不用等下载,现在就能试
打开分层 PSD、改完导出 PNG,文件不上传。