需要在屏幕上展示印刷颜色？将 CMYK 转为 RGB 会给出油墨百分比的光学等价——这是显示器、模型或网页实际能呈现的值。
如何将 CMYK 转换为 RGB
- 把四个百分比转成 0 到 1 之间的小数。
- 先应用黑键分量：每个通道都乘以 (1 − K)。
- 计算 R = 255 × (1 − C) × (1 − K)，G = 255 × (1 − M) × (1 − K)，B = 255 × (1 − Y) × (1 − K)。
- 将每个通道四舍五入为 0 到 255 之间的整数。
示例演示
CMYK cmyk(0%, 87%, 58%, 9%)=RGB rgb(232, 30, 97)
近似值。屏幕能显示的颜色通常比油墨能产生的更多，所以 RGB 结果通常看起来比印刷品更亮、更饱和。
CMYK 与 RGB 说明
CMYK 是什么？
CMYK 是印刷中使用的四墨模型：青（cyan）、品红（magenta）、黄（yellow）和关键黑（key/black），每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光，因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
- 语法：
- cmyk(C%, M%, Y%, K%)
- 范围：
- 每种墨水 0–100%
- 适合用于：
- 印刷、包装、印前成品
RGB 是什么？
RGB 用三个光通道来描述颜色——红、绿、蓝——每个从 0 到 255。它反映了屏幕的实际工作方式：三个通道都为 255 为白色，全部为 0 为黑色。当你需要用数值进行计算时，RGB 是合适的选择，rgba() 则在其上增加了透明度。
- 语法：
- rgb(R, G, B)
- 范围：
- 每个通道 0–255
- 适合用于：
- 代码、canvas、使用 rgba() 的透明度
CMYK 到 RGB 参考表
最常见的 CSS 颜色，已从 CMYK 转换为 RGB。
| 颜色 | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |