来自印刷,需要在网页版上呈现相同颜色?把 CMYK 转成 HEX 会给出你墨水混合在屏幕上的最接近等价,方便粘到 CSS、Figma 或品牌文档里。
如何将 CMYK 转换为 HEX
- 把四个 CMYK 百分比除以 100。
- 先应用黑色分量:每个通道都乘以 (1 − K)。
- 计算通道:R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K)。
- 把每个通道四舍五入,写成两个十六进制位,并在前面加上 #。
示例演示
CMYK cmyk(86%, 0%, 17%, 26%)=HEX #1ABD9D
本质上是近似。CMYK 的色域比屏幕小,因此 HEX 结果更像是预览而非色彩管理下的完全匹配——那需要印刷机的 ICC 配置文件。
CMYK 与 HEX 说明
CMYK 是什么?
CMYK 是印刷中使用的四墨模型:青(cyan)、品红(magenta)、黄(yellow)和关键黑(key/black),每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光,因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
- 语法:
- cmyk(C%, M%, Y%, K%)
- 范围:
- 每种墨水 0–100%
- 适合用于:
- 印刷、包装、印前成品
HEX 是什么?
HEX 代码是一个六位的十六进制数,前面带有 #,用于存储颜色的红、绿、蓝通道。每对十六进制位对应一个通道,从 00(无)到 FF(满),以比 RGB 更简短的表示方式覆盖同样的 1670 万颜色。HEX 是 CSS、设计工具和品牌指南中的默认形式。
- 语法:
- #RRGGBB
- 范围:
- 每个通道 00–FF
- 适合用于:
- CSS、设计交接、品牌指南
CMYK 到 HEX 参考表
最常见的 CSS 颜色,已从 CMYK 转换为 HEX。
| 颜色 | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |