深色模式
色彩模型、色彩空间与色域
概述
颜色相关名词最容易出现一种“都眼熟,但一放在一起就不确定”的状态。RGB、sRGB、Display P3、色域,这些词都围着颜色打转,但它们不是一个层面的概念。
如果一开始就把它们说成同义词,后面不管是选显示器、导图片、做设计稿,还是排查“为什么这台设备颜色不一样”,都会越看越乱。更清楚的办法,是先拆成三层:色彩模型、色彩空间、色域。
先分清三个概念
| 概念 | 作用 | 例子 |
|---|---|---|
| 色彩模型 | 用什么方式描述颜色 | RGB、CMYK、HSL |
| 色彩空间 | 在某种模型下定义出的具体标准 | sRGB、Adobe RGB、Display P3 |
| 色域 | 某个设备或空间能覆盖的颜色范围 | “这块屏幕能覆盖多少 sRGB / P3” |
可以粗略记成:
- 模型回答“怎么描述颜色”
- 空间回答“这套描述具体按什么标准来”
- 色域回答“它实际能表示多大范围”
什么是色彩模型
色彩模型是组织颜色的数学方式,它提供一套描述坐标,但不直接规定具体颜色边界。
RGB
RGB 用红、绿、蓝三个通道描述颜色,是最常见的加色模型,适合发光设备,例如:
- 显示器
- 手机屏幕
- 电视
- 投影设备
CMYK
CMYK 用青、品红、黄、黑四个通道描述颜色,更贴近印刷场景,属于减色模型。
HSL / HSV
这类模型更偏交互和视觉直觉,适合颜色选择器和 UI 调整,不等于它们更“底层”或更“真实”。
为什么 RGB 不等于 sRGB
这正是概念最容易混的地方。
RGB 只是模型,表示颜色可以由红绿蓝三个分量描述。但它没有规定:
- 红、绿、蓝三个原色具体落在哪
- 白点是什么
- gamma 曲线怎么定义
这些具体规则,需要由色彩空间来补全。
所以:
RGB是模型sRGB、Adobe RGB、Display P3是基于RGB模型的具体色彩空间
什么是色彩空间
色彩空间可以理解为:在某种色彩模型下,把颜色坐标系统真正定义完整的一套标准。
它通常会规定:
- 原色位置
- 白点
- 传递函数或 gamma 特性
- 可表示颜色范围
只有定义到这一步,同样一组数值才真正有了稳定含义。
常见的几个 RGB 色彩空间
sRGB
sRGB 是最常见、最通用的色彩空间,可以把它看作现代数字内容的默认基准。
很多网页、普通图片、消费级设备、非专业工作流,默认都围绕 sRGB 展开。它的优势不是“最大”,而是生态最统一。
Adobe RGB
Adobe RGB 的色域比 sRGB 更大,尤其在部分绿色区域覆盖更广。它常见于摄影、修图和印刷相关流程。
但前提是:工作链路里的设备、软件和输出目标都真的支持并正确管理颜色。否则大色域文件在非色彩管理环境里,反而更容易显示异常。
Display P3
Display P3 也是常见的广色域 RGB 空间,在现代手机、平板、显示器和 Apple 生态里很常见。
它比 sRGB 覆盖更广,又比某些更激进的专业空间更适合日常显示设备,因此越来越常见。
什么是色域
色域描述的是“某个设备或色彩空间实际能覆盖的颜色范围”。
它可以对应不同对象:
- 一个色彩空间有自己的色域
- 一块显示器有自己的色域
- 一台打印设备也有自己的色域
所以“色域”不是某个独立体系名词,而是一个范围概念。
常见表达方式包括:
- 100%
sRGB - 95%
Display P3 - 99%
Adobe RGB
这里的意思是:这个设备对某个参考色彩空间覆盖了多少。
色域大是不是一定更好
不一定。
更大的色域意味着它有能力表示更多颜色,但前提是整条链路能把这些颜色正确管理和输出。如果内容本身是 sRGB,显示设备又没有正确做颜色管理,广色域屏幕反而可能把颜色显示得过饱和。
所以真正重要的不是“越大越好”,而是:
- 内容使用什么色彩空间
- 软件有没有颜色管理
- 输出设备支持到什么程度
为什么同一张图在不同设备上颜色不一样
常见原因有几类:
- 设备本身色域不同
- 系统或应用颜色管理行为不同
- 图片没有嵌入 ICC 配置文件,或被错误忽略
- 内容按一个色彩空间制作,却被当成另一个空间解释
这说明颜色差异不只是“屏幕素质不一样”,很多时候是色彩空间解释链路没对齐。
日常场景里怎么选
普通网页和通用数字内容
优先围绕 sRGB。因为兼容性最好,跨设备和跨平台翻车概率最低。
摄影和印刷工作流
可以根据具体设备和输出目标考虑 Adobe RGB 或其他更大空间,但前提是工作流真的在做颜色管理。
面向现代移动设备和广色域屏幕
Display P3 会越来越常见,尤其在视觉内容和高端设备显示场景中。
最容易混淆的几个点
把 RGB 和 sRGB 当成一回事
前者是模型,后者是具体空间,不在一个层级。
把色域和色彩空间当成一回事
色彩空间是一套定义,色域是范围。二者相关,但不是同义词。
以为广色域一定更准
广色域是覆盖更大,不等于默认显示更准确。准确还要看校准、颜色管理和内容匹配。
忽略工作流一致性
图片、设计软件、显示器、浏览器、导出格式,如果各自按不同空间理解同一组数值,颜色偏差就很自然。
