HEX 转 CMYK 转换器

什么是 HEX 转 CMYK 转换器?

// sRGB hex → naive CMYK approximation
// NOTE: This is the textbook K = 1 - max(R,G,B); C = (1-R-K)/(1-K) formula.
// It is NOT an ICC-profile conversion. Real print accuracy requires color
// management against the specific press (US Web Coated SWOP v2, Fogra39,
// Japan Color 2011 Coated, etc.), ink set, and paper substrate. Channel
// values can drift 5-15% from this naive output once ICC conversion runs.
// Use as estimate for proofs, briefs, and digital press — never as a press-
// ready deliverable.
function hexToCmyk(hex) {
  const h = hex.trim().replace(/^#/, '');
  const [r, g, b] = [0, 2, 4].map(i => parseInt(h.slice(i, i + 2), 16) / 255);
  const k = 1 - Math.max(r, g, b);
  // Pure black short-circuit: max RGB = 0 ⇒ K = 1, C/M/Y undefined (0/0)
  if (k === 1) return { c: 0, m: 0, y: 0, k: 100 };
  const c = (1 - r - k) / (1 - k);
  const m = (1 - g - k) / (1 - k);
  const y = (1 - b - k) / (1 - k);
  return { c: Math.round(c * 100), m: Math.round(m * 100), y: Math.round(y * 100), k: Math.round(k * 100) };
}
console.log(hexToCmyk('#3b82f6')); // → { c: 76, m: 47, y: 0, k: 4 }
console.log(hexToCmyk('#FF5733')); // → { c: 0, m: 66, y: 80, k: 0 }
console.log(hexToCmyk('#000000')); // → { c: 0, m: 0, y: 0, k: 100 }

核心特性

HEX 转 CMYK 转换器替代品对比

HEX 转 CMYK 示例

#3b82f6

#FF5733

#0F172A

#FF0000

常见 HEX → CMYK 转换

10 个常见颜色及其 HEX 与朴素 CMYK 等价值的参考表。所有值都使用教科书公式 `K = 1 - max(R,G,B); C = (1-R-K)/(1-K)`,四舍五入到整数百分比。**提醒**:这些是朴素近似,不是 ICC 正确的可印值。对于生产印刷单,请用印刷厂的 ICC 配置文件、针对实际印机、油墨与纸张进行确认。

如何使用 HEX 转 CMYK 转换器

1. 1

   把 HEX 代码粘贴到 HEX 字段

   把任意 HEX 值丢进 HEX 输入框 —— 带或不带前导 `#`、3 位简写(`#F73`)、6 位完整形式(`#FF5733`)、4 位 alpha 简写(`#F738`),或者 8 位 alpha 完整形式(`#FF5733CC`)。工具会把这五种输入形态在内部归一到同一个颜色,再派生 CMYK。大小写无关(`#FF5733` 与 `#ff5733` 解析结果完全相同)。非法字符或位数错误会产生一个安静的行内错误;合法 HEX 则会实时更新其他每一个格式字段,包括 CMYK。Alpha 在派生 CMYK 时被忽略 —— 油墨没有透明度。

2. 2

   从 CMYK 字段读取 CMYK 百分比

   CMYK 字段以四个通道百分比的形式呈现该值:对 Tailwind blue-500 是 `cmyk(76%, 47%, 0%, 4%)`。通道依次是 Cyan、Magenta、Yellow、Key(黑)。每个百分比代表油墨覆盖 —— 0% 表示该通道无油墨,100% 表示满覆盖。**提醒**:这是基于 sRGB 的朴素反转,不是 ICC 配置文件转换。请把它当作起步估算;在任何生产之前,请用印刷厂的 ICC 流水线针对实际印机、油墨与纸张确认最终值。

3. 3

   点击「复制」抓取 CMYK 字符串

   每个格式卡片右侧都有一个复制按钮。一键即可把值送到剪贴板 —— 按钮标签短暂闪现「Copied!」以便您知道。复制出来的字符串是标准 CMYK 写法(`cmyk(76%, 47%, 0%, 4%)`),可直接放进设计简报或发给供应商的邮件。对于 CMYK 不是原生格式的目标平台(CSS、SwiftUI、Compose、Flutter 都工作在基于 RGB 的色彩空间),取色器下方的「复制为代码」区段会输出每个平台格式的等价表示 —— 当您需要为同一颜色同时表达屏幕目标与印刷目标时非常有用。

4. 4

   用 RGB、HSL、OKLCH、命名颜色交叉核对

   您粘贴的同一个 HEX 也会点亮其他格式字段 —— 给 canvas 调用与硬件用的 RGB,给遗留 CSS 用的 HSL,给现代感知均匀设计系统(Tailwind v4、shadcn/ui)用的 OKLCH 与 OKLAB,给设计师取色器 UI 用的 HSV 与 HWB,以及给文档文案用的最接近 CSS 命名颜色。您绝不会被锁死在仅 HEX → CMYK。取色器(SL 方块 + 色相滑块 + alpha 滑块)同时驱动这九个字段;在 Chromium 系浏览器上,EyeDropper 按钮可在屏幕任意位置(包括浏览器之外)取样像素。

5. 5

   把源 HEX(而非 CMYK)发给印刷厂

   最好的印前工作流是把源 HEX(或 OKLCH 三元组)发给印刷厂,由他们的印前团队通过合适的 ICC 配置文件(US Web Coated SWOP v2、Fogra39、Japan Color 2011 Coated,或印机专属定制配置文件)生成可印的 CMYK。此处的朴素 CMYK 输出仅用于您的内部估算、供应商简报与概念验证 —— 不用于直接生产。在任何规格文档里,请把朴素 CMYK 与源 HEX 一并列出,让印刷方拥有权威参考。

HEX / CMYK 常见错误

发给印刷厂的规格:
品牌色 CMYK: cmyk(76%, 47%, 0%, 4%)
(朴素公式输出,无 ICC 转换)
印刷厂未做修改直接交付可印文件。
最终成品:苍白、偏离品牌的蓝。

发给印刷厂的规格:
品牌色源: #3b82f6
朴素 CMYK 估算: cmyk(76%, 47%, 0%, 4%)
目标印机:通过 US Web Coated SWOP v2 做 ICC 正确转换
印刷厂跑 ICC: cmyk(82%, 53%, 0%, 0%)(示例平移)
最终成品:与数字打样匹配。

确认屏幕颜色,期望印刷一致:
#FF0000 在显示器上是鲜艳的红
朴素 cmyk(0%, 100%, 100%, 0%)
印刷厂跑 ICC:色域内最接近的 CMYK
最终成品:偏橙的红,饱和度减少约 20%。
反应:「这不对,重印。」

为湿样留时间;接受色域不匹配:
#FF0000 → CMYK 近似:cmyk(0%, ~95%, ~95%, 0%) ICC
在实际纸张上做湿样:偏橙、饱和度更低
设计团队把湿样确认为新的参考
最终成品与已确认的打样一致。

指定高覆盖深色但不核查总覆盖:
cmyk(85%, 85%, 85%, 95%) = 总覆盖 350%
发给新闻纸印机(220% 上限)
结果:油墨干不掉、纸张粘连、蹭脏。

对照印机上限核查总油墨覆盖:
cmyk(85%, 85%, 85%, 95%) = 350% —— 超过新闻纸 220% 上限
通过 GCR / UCR 降低:cmyk(40%, 30%, 30%, 80%) = 总 180%
符合上限、印得干净、按计划干燥。

只指定品牌 CMYK,不写纸张细节:
品牌红:cmyk(0%, 95%, 80%, 0%)
从同一份文件在涂布亮光纸与非涂布纸上印刷
涂布:符合预期的鲜艳红
非涂布:闷闷的橙红,偏离品牌。

按承印物分别指定 CMYK、分别做 ICC 正确转换:
涂布亮光纸上的品牌红:cmyk(0%, 95%, 80%, 0%),走 Fogra39
非涂布纸上的品牌红:cmyk(0%, 85%, 70%, 0%),走 Fogra47
每种纸张都得到针对其 ICC 配置文件调过的可印 CMYK。
两件成品在印机上都读作同一个品牌红。

谁在使用 HEX 转 CMYK

印刷设计师准备供应商简报

在委托印刷任务之前,设计师会把品牌色以 HEX(事实源)与 CMYK 近似(便于印刷厂大致估算油墨成本与打样时间)两种形式写进简报发给印刷厂。在这里粘贴每个品牌 HEX,复制朴素 CMYK,把两者都放进规格文档。印刷厂再针对他们的印机配置文件跑实际 ICC 转换,出版前产出可印的 CMYK。不要省掉源 HEX —— 印刷厂在最终转换时信赖的正是它。

品牌经理在报价前估算印刷成本

印刷报价部分依赖于总油墨覆盖。朴素 CMYK 能给一份待选调色板的油墨负载一个快速估算:高 K 颜色更便宜(用墨更少、干得更快),高 CMY 颜色更贵(用墨更多、干得更慢、有纸张吸墨饱和风险)。粘贴候选品牌 HEX,读出 CMYK 百分比,您就有一个可拿到桌面、与印刷方在确认正式开机之前进行预算谈话的数字。

包装设计师交叉检查屏幕与印刷

包装工作同时活在两个空间 —— 电商商品页用 sRGB HEX 在屏幕上呈现,实物盒子在卡纸上以 CMYK 印刷。利用同时显示的 HEX + CMYK 视图,找出在两种媒介下读感差异巨大的颜色(超出 CMYK 色域的高饱和红、深蓝、鲜绿),把它们标记出来,要么走 Pantone 专色,要么主动调整品牌系统以接受色域差异。

市场团队制作多渠道营销物料

一场多渠道营销通常会把同一份品牌素材交付到网站(sRGB HEX)、邮件群发(带 sRGB 回退的 sRGB HEX)、社交媒体图(平台压成 AVIF/WebP 的 sRGB HEX)、印刷海报(涂布纸上的 CMYK)与直邮物料(非涂布纸上的 CMYK)。把源 HEX 转换一次,读出朴素 CMYK 用于印刷件,把两者与印机配置规格一起交给生产团队,他们再做正规的 ICC 转换。

设计师做数字印刷短单

对于走数字印刷机(HP Indigo、Kodak NexPress、Xerox iGen)的一次性名片、原型包装与小批量营销周边,朴素 CMYK 近似比在胶印上更贴近实际输出,因为数字印刷机的 RIP 内置了更严格的色彩管理。它仍然不是可印件,但更接近 —— 而且短单经济学也意味着先做一次试印的代价很低。粘贴 HEX、读 CMYK、跑一次试印。

设计师把旧 logo 从屏幕迁移到印刷

旧的仅 Web 品牌素材常常只以 HEX 代码存在,没有正式的 CMYK 规格。当品牌首次需要出现在印刷名片、宣传册或展会展板上时,团队需要一个 CMYK 起点。在这里粘贴每个旧 HEX,读出朴素 CMYK,把两者交给印刷方做 ICC 正确转换。这是每个设计团队迟早都会碰到的「数字优先品牌走向印刷」经典工作流。

教师讲授颜色模型差异

同时显示 HEX + RGB + CMYK 的视图,让加色与减色的对比一目了然。纯红(`#FF0000`)在屏幕上是 `rgb(255, 0, 0)`,在朴素 CMYK 中是 `cmyk(0%, 100%, 100%, 0%)` —— 学生直接看见反转关系。再推到一个广色域 OKLCH 颜色,观察 CMYK 饱和、sRGB 裁剪。课堂上可立即上手的演示,说明为什么屏幕到印刷的转换是个难题,以及为什么朴素公式不等同于 ICC 感知色彩管理。

HEX 转 CMYK 的数学与 ICC 说明

朴素 CMYK 公式

在归一化的 sRGB 值(从原始 0–255 整数得到的 0–1 浮点数)上运算。第一步:`K = 1 - max(R, G, B)`。这把 K 设为「缺失的亮度」 —— 纯白(R=G=B=1)得到 K=0,纯黑(R=G=B=0)得到 K=1。第二步:`C = (1 - R - K) / (1 - K); M = (1 - G - K) / (1 - K); Y = (1 - B - K) / (1 - K)`。这在扣除 K 之后,把每个 CMY 通道算成剩余的反转量。第三步:每个通道乘以 100 得到百分比,再四舍五入到最近的整数用于显示。纯黑短路:当 max(R,G,B) = 0 时,分母 (1 - K) 为零,因此直接返回 `cmyk(0%, 0%, 0%, 100%)`。

为什么这不是 ICC 转换

真正的 ICC 配置文件转换会应用一条多级变换:源配置文件(sRGB) → 配置文件连接空间(通常是 CIE LAB 或 XYZ) → 输出配置文件(US Web Coated SWOP v2、Fogra39 等)。每一级都编码了对实际油墨-纸张-印机组合的经验测量 —— 光谱反射曲线、不同覆盖水平下的网点扩大、总墨量上限、灰度平衡调整。朴素公式什么也不做。它把 CMYK 当成数学抽象而不是油墨吸收物理,这正是输出与 ICC 流水线相比每通道可能漂移 5–15% 的原因。对于生产,请在 Photoshop、Illustrator 或 InDesign 中针对目标印机配置文件跑转换,或把源 HEX 交给印刷厂的印前团队。

按地区与印机划分的标准 ICC 配置文件

**北美胶印**:US Web Coated SWOP v2(涂布纸上的 SWOP 认证标准,大多数美国商业胶印厂在用);高端涂布纸用 GRACoL 2006 Coated #1。**欧洲胶印**:Fogra39(涂布纸的 ISO 12647-2 标准);新的高端涂布纸用 Fogra51;非涂布纸用 Fogra52;新闻纸用 Fogra47。**日本胶印**:Japan Color 2011 Coated;轮转胶印用 Japan Color 2003 Web Coated。**数字印刷机**:每家厂商都会为具体机型与油墨组提供自家的 ICC 配置文件(HP Indigo IndiChrome、Kodak NexPress E-Series、Xerox iGen)。请始终与印刷厂确认 —— 许多厂会有取代通用标准的印机专属定制配置文件。

网点扩大、总墨量上限与承印物效应

**网点扩大**:油墨点在吸墨纸上会物理铺开,使每通道的表观覆盖增加 10–30%;印机操作员会在 RIP 中用曲线补偿。朴素公式完全忽略这一点。**总墨量上限**:胶印一般把 C+M+Y+K 总覆盖限制在 280–320%,以避免反贴(湿墨过到下一张纸背面)并防止纸张吸墨饱和;新闻纸约 220%。朴素公式可能为深色产生 400% 的总覆盖,完全无法印。**承印物**:米色纸会平移白点,并使每一种印上去的颜色都偏暖;非涂布纸吸墨更多、饱和度下降;涂布亮光纸保留最多饱和度,但反射光的方式不同。

为什么有 K(黑色生成)

理论上 CMY 各 100% 会得到黑色。实践中它得到的是一种带棕调的浑浊深色,因为真实油墨并非理想吸收体 —— 每种油墨在每个波长都会反射一些光,完美叠印因油墨混合与网点扩大而不可能。K 解决三个问题:纯黑油墨能给出干净锐利的黑色,适合文字与阴影;K 替换让公式减少总油墨覆盖(更便宜的油墨、更快的干燥、更少的吸墨饱和);专门的 K 版让文字套准更紧(只有一块版要对齐,而用 CMY 堆出的正文要三块)。朴素公式的 K = 1 - max(R,G,B) 是最简单的 K 生成策略;真实印前会用 UCR(底色去除)与 GCR(灰成分替换)策略,根据印机特性把更多或更少的 CMY 移进 K。

色域不匹配:sRGB 的红色 CMYK 够不到

sRGB 与 CMYK 的色域形状不同。sRGB 能呈现落在 CMYK 可印范围之外的饱和红、深蓝与鲜绿 —— 著名的「屏幕上纯红在印刷上看起来偏橙」案例。朴素公式对 `#FF0000` 报出 `cmyk(0%, 100%, 100%, 0%)`,但任何覆盖水平上的实际油墨组合都不能在纸上还原那一确切的屏幕颜色。ICC 转换会用四种渲染意图之一来处理色域不匹配:Perceptual(把整个源色域压缩进目标色域,保留整体颜色关系)、Relative Colorimetric(把色域外颜色裁剪到色域内最接近值,精确保留色域内颜色)、Absolute Colorimetric(类似 Relative 但不对白点差异做补偿)或 Saturation(以精度为代价保留饱和度,主要用于商业图形)。

通过 OKLCH 事实源的往返稳定性

工具的内部规范表示是 OKLCH(按统一中枢设计),而不是 CMYK。CMYK 在每次按键时通过链路 OKLCH → OKLAB → XYZ D65 → 线性 sRGB → sRGB → 朴素 CMYK 派生。这意味着也支持直接编辑 CMYK:解析四个百分比、跑逆向公式恢复 sRGB(`R = (1 - C) * (1 - K); G = (1 - M) * (1 - K); B = (1 - Y) * (1 - K)`)、更新 OKLCH 源,再重新渲染其他每个字段。往返是稳定的,但在 CMYK 色域边缘会有信息损失,逆映射会把多个 sRGB 颜色映到同一个 CMYK 近似上。

HEX / CMYK 工作流最佳实践

用印刷方的 ICC 配置文件确认实际 CMYK

在任何生产之前,请用印刷厂的 ICC 流水线、针对实际的印机、油墨与纸张组合,确认可印的 CMYK。此处的朴素输出与 ICC 正确值相比,每通道可能漂移 5–15%,这足以把一个锐利的红色变成浑浊的橙色,或把一个深邃的品牌蓝印成苍白的海军蓝。印刷方的印前团队是权威来源 —— 把源 HEX(不是朴素 CMYK)交给他们,让他们针对 US Web Coated SWOP v2、Fogra39、Japan Color 2011 Coated 或印机专属定制配置文件跑自家转换。

把本工具的 CMYK 当作预算/范围的起步估算

朴素 CMYK 对大致估算确实有用:用于成本沟通的总油墨覆盖、用于黑度核查的大致 K 主导度、回答「这颜色到底能不能印」的快速色域判断。请把它用在预算电话、供应商简报与范围讨论里。然后把源 HEX 交给印刷厂做实际的可印转换。不要把朴素输出当作生产交付件;倒是可以把它当作规划用的产出物。

Pantone 匹配时,印刷方的专色库压过一切

Pantone(以及 HKS、RAL、Toyo)专色是带固定颜色身份的预混油墨 —— 它们不是从印刷色 CMYK 通道堆出来的。如果您的品牌要求 Pantone 匹配(包装、高端印刷、任何对色彩精度要求严苛的工作都常见),印刷厂会直接用 Pantone 油墨,CMYK 根本不参与。在简报里写明 Pantone 编号;对那一颜色,无视朴素与 ICC 正确的 CMYK 值。只有当作业完全跑在没有专色的印刷色上时,CMYK 才有意义。

把源 HEX 或 OKLCH 发给印刷厂,而不是朴素 CMYK

印刷厂的印前团队需要权威源颜色,才能针对他们的印机配置文件跑转换。把源 HEX(或现代品牌系统的 OKLCH)以及任何专色标注(Pantone 编号)交给他们。永远不要把朴素 CMYK 当作交付件交给他们 —— 他们没办法判断这些值是来自朴素公式、来自针对错误印机配置文件做的老版 Photoshop 转换,还是来自针对正确配置文件做的实际 ICC 正确转换。源数据能避免这种歧义。

核验 K 通道在合理范围内(K=100 仅用于纯黑)

转换后请对 K 值做一次理性检查。纯黑(`#000000`)应当得到 K=100、C=M=Y=0。接近纯黑的深色应当落在 K=80–95 区间、CMY 较低。中间调(中饱和、中亮度)应当落在 K=20–60 之间。明亮饱和的颜色应当 K=0,且有一两个 CMY 通道处于高覆盖。如果某颜色按感知亮度看,K 值不符合上述模式,请回头核查输入 HEX —— 一个打字错误可能悄无声息地把颜色从「接近纯黑」翻成「接近纯白」。CMYK 输出能让输入错误显形。

生产之前在实际纸张上跑一次湿样

对于任何重要的生产单,签字之前请向印刷厂索要在实际纸张、实际油墨上的湿样。软打样(屏幕上的 ICC 模拟)有用但永远不完美 —— 纸张纹理、油墨浓度与观察光的光谱都会影响最终感受。请为至少一轮湿样迭代预留时间与预算。此处的朴素 CMYK、ICC 正确 CMYK 与湿样,是同一颜色逐步逼近的三张快照;唯一与最终成品完全一致的,是湿样。

把源 HEX 与最终 CMYK 一并归档

当印刷厂出可印 CMYK、您也确认了打样后,请把源 HEX 与最终 ICC 正确 CMYK 都记入品牌规格。六个月后,当有人需要重印或扩展调色板时,这两个值就保留了完整的来源链 —— 源用于针对不同印机重新转换,锁定的 CMYK 用于在同一印机上重印。朴素 CMYK 只应出现在简报阶段;可印的 CMYK 才应出现在锁定的规格里。

常见问题