屏幕混合光,印刷机混合墨水 — 所以在印刷之前需要把 HEX 代码转换。这个转换器会给出尽可能匹配你网页颜色的青、品红、黄和黑的百分比。
如何将 HEX 转换为 CMYK
- 把 HEX 转成 RGB,并将每个通道除以 255。
- 计算黑色分量(key):K = 1 − max(R, G, B)。
- 通过去除黑色份额来推导其他墨色:C = (1 − R − K) / (1 − K),品红和黄色用相同公式。
- 把四个数值都乘以 100 得到百分比。纯黑会短路为 0/0/0/100。
示例演示
HEX #E74C3C=CMYK cmyk(0%, 67%, 74%, 9%)
这是与设备无关的近似值。真实印刷受纸张、墨水和 ICC 色彩配置文件影响,因此将结果作为起点,并在品牌关键颜色上始终核对印样。
HEX 与 CMYK 说明
HEX 是什么?
HEX 代码是一个六位的十六进制数,前面带有 #,用于存储颜色的红、绿、蓝通道。每对十六进制位对应一个通道,从 00(无)到 FF(满),以比 RGB 更简短的表示方式覆盖同样的 1670 万颜色。HEX 是 CSS、设计工具和品牌指南中的默认形式。
- 语法:
- #RRGGBB
- 范围:
- 每个通道 00–FF
- 适合用于:
- CSS、设计交接、品牌指南
CMYK 是什么?
CMYK 是印刷中使用的四墨模型:青(cyan)、品红(magenta)、黄(yellow)和关键黑(key/black),每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光,因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
- 语法:
- cmyk(C%, M%, Y%, K%)
- 范围:
- 每种墨水 0–100%
- 适合用于:
- 印刷、包装、印前成品
HEX 到 CMYK 参考表
最常见的 CSS 颜色,已从 HEX 转换为 CMYK。
| 颜色 | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |