来自印刷，需要在网页版上呈现相同颜色？把 CMYK 转成 HEX 会给出你墨水混合在屏幕上的最接近等价，方便粘到 CSS、Figma 或品牌文档里。
如何将 CMYK 转换为 HEX
- 将四个 CMYK 百分比作为 Coated FOGRA39 配置文件的油墨用量。
- 使用相对比色和黑场补偿，读取该配置文件对这种油墨组合所印出的颜色。
- 把该颜色转换为 sRGB。屏幕无法显示的颜色会被裁切为屏幕能显示的最接近值。
- 把每个通道四舍五入，写成两个十六进制位，并在前面加上 #。
示例演示
CMYK cmyk(75%, 2%, 49%, 0%)=HEX #1AAD98
这里使用的是标准 Coated FOGRA39 配置文件，而不是你的印刷机配置文件。其他 CMYK 配置文件（例如印刷厂提供的）会得出不同的数值，因此请把 HEX 结果当作可靠的预览，并对品牌关键颜色核对印样。
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(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |
常见问题
将四个 CMYK 百分比作为 Coated FOGRA39 配置文件的油墨用量。 使用相对比色和黑场补偿，读取该配置文件对这种油墨组合所印出的颜色。 把该颜色转换为 sRGB。屏幕无法显示的颜色会被裁切为屏幕能显示的最接近值。 把每个通道四舍五入，写成两个十六进制位，并在前面加上 #。
这里使用的是标准 Coated FOGRA39 配置文件，而不是你的印刷机配置文件。其他 CMYK 配置文件（例如印刷厂提供的）会得出不同的数值，因此请把 HEX 结果当作可靠的预览，并对品牌关键颜色核对印样。
HEX 代码是一个六位的十六进制数，前面带有 #，用于存储颜色的红、绿、蓝通道。每对十六进制位对应一个通道，从 00（无）到 FF（满），以比 RGB 更简短的表示方式覆盖同样的 1670 万颜色。HEX 是 CSS、设计工具和品牌指南中的默认形式。
可以。输入框旁的交换按钮会带你到 HEX 到 CMYK 的转换器，使用方式完全相同。两个方向使用相同的公式，只是反向应用而已。
如果颜色来自品牌手册，先查是否已指定 HEX 或 Pantone 值。文档中已有的代码总比转换得到的更可靠。