色彩空间转换器

本地处理
  • 打赏支持
  • 分享链接
  • 反馈建议
输入任意一种写法(HEX 如 #1890ff、RGB 如 24,144,255、HSL 如 210,100%,55%),点转换即可看到它在各色彩空间下的取值。白点统一按 D65 计算;CMYK 为数学近似值,屏幕发光的 RGB 与印刷油墨之间不存在精确的一一对应,实际印刷需以 ICC 特性文件转换为准。
色彩空间R / XG / YB / Z说明

为什么要做色彩空间转换

同一组 RGB 数值,放在不同色域里代表的颜色并不相同。设计师常遇到的情况是:在 Adobe RGB 显示器上看着鲜艳的颜色,导出成 sRGB 后在手机上变得灰暗;或者要把品牌色交给印刷厂时,需要给出 CMYK 近似值。理解坐标之间的关系比记住结论更有用。

工具涉及的色彩空间

  • sRGB:Web 与绝大多数屏幕的默认色域,本工具以它作为输入输出的基准。
  • Display P3:近年主流手机与笔记本屏幕的广色域标准,红绿两色的覆盖范围比 sRGB 更宽。
  • Adobe RGB:印刷与摄影后期常用的广色域,青绿色覆盖优于 sRGB。
  • 线性 RGB:去掉伽马曲线后的光强度值,用于混色与光照计算。
  • CIE XYZ / Lab / LCh:与设备无关的色彩描述。Lab 的 L 表示明度,a、b 表示色度方向;LCh 用色相角与饱和度表达,更贴近人对颜色的直观描述。

计算口径

  • 白点统一取 D65(X 0.95047、Y 1.00000、Z 1.08883),这也是 sRGB、Display P3、Adobe RGB 共同使用的白点。
  • sRGB 与 Display P3 使用 sRGB 传递函数,Adobe RGB 使用伽马 2.19921875。
  • Lab 采用 CIE 标准公式,拐点阈值为 0.008856。
  • CMYK 用最简的数学公式换算,未考虑 ICC 色彩管理与黑版生成策略,只适合做粗略参考。

你可能还想问

sRGB 和 Display P3 的数值为什么不一样?

因为两个色域的基色坐标不同。同一个物理颜色在 P3 里用更小的数值就能表达(P3 的基色更饱和),反过来把 P3 的颜色映射回 sRGB 时也常会超出 sRGB 范围而被裁剪。工具给出的三组 RGB 值对应的是同一个 CIE XYZ 坐标,所以它们指向同一个颜色,只是各自用自己色域的坐标体系来表达。

CMYK 结果能直接给印刷厂吗?

不建议直接使用。屏幕的 RGB 是加色、印刷的 CMYK 是减色,两者之间没有精确的一一对应,而且实际印刷结果取决于油墨、纸张与印刷机的 ICC 特性文件。这里的 CMYK 是用通用公式算出的数学近似,可用于快速判断颜色大致偏哪个方向;正式印刷请在设计软件中按目标 ICC 特性文件转换,并向印厂索要打样。

为什么输入颜色后 Lab 的 a 和 b 有负数?

Lab 的 a 轴表示绿到红的方向,负值偏绿、正值偏红;b 轴表示蓝到黄的方向,负值偏蓝、正值偏黄。橙色、蓝色这类颜色出现负值是正常现象,并不代表数值错误。若更习惯用色相和饱和度理解颜色,可以看同一表格里的 LCh 行。

工具能把 Lab 值转回 HEX 吗?

可以。在输入框里填入形如 lab(53.24,80.09,67.20) 或 lch(54,104,40) 的写法并选择自动识别即可。注意超出 sRGB 色域的 Lab 值转回 sRGB 时会被裁剪到边界,这是色域限制导致的必然结果,不是计算错误。