在 HSL 设计的调色板经常要打印到纸上。此转换器将你选的色相、饱和度和亮度转换为印刷厂使用的四个油墨百分比。
如何将 HSL 转换为 CMYK
- 将 HSL 三元组转换为 0 到 255 的 RGB 通道。
- 将它们作为 sRGB 值读取,并在 Coated FOGRA39 配置文件中查找该颜色。
- 使用相对比色和黑场补偿,因此白色保持纸张的白色,黑色对应印刷机能印出的最深油墨。
- 把四个油墨值四舍五入为整数百分比。它们遵循 Photoshop 在欧洲的默认 CMYK 设置。
示例演示
HSL hsl(197, 100%, 45%)=CMYK cmyk(73%, 19%, 0%, 0%)
这里连续进行两次转换,因此会四舍五入两次,并且 CMYK 这一步使用标准 Coated FOGRA39 配置文件。其他 CMYK 配置文件(例如印刷厂提供的)会得出不同的数值。印刷结果可能会比 HSL 预览略显暗淡。
HSL 与 CMYK 说明
HSL 是什么?
HSL 将颜色拆分为色相(在色轮上 0–360°)、饱和度(颜色程度,0–100%)和亮度(明亮程度,0–100%)。因为每一部分都符合人们描述颜色的方式,HSL 是手动或在代码中构建色阶、色调和一致调色板的最简单格式。
- 语法:
- hsl(H, S%, L%)
- 范围:
- 0–360°,0–100%,0–100%
- 适合用于:
- 调色板、色阶与色调、主题化
CMYK 是什么?
CMYK 是印刷中使用的四墨模型:青(cyan)、品红(magenta)、黄(yellow)和关键黑(key/black),每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光,因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
- 语法:
- cmyk(C%, M%, Y%, K%)
- 范围:
- 每种墨水 0–100%
- 适合用于:
- 印刷、包装、印前成品
HSL 到 CMYK 参考表
最常见的 CSS 颜色,已从 HSL 转换为 CMYK。
| 颜色 | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |
常见问题
将 HSL 三元组转换为 0 到 255 的 RGB 通道。 将它们作为 sRGB 值读取,并在 Coated FOGRA39 配置文件中查找该颜色。 使用相对比色和黑场补偿,因此白色保持纸张的白色,黑色对应印刷机能印出的最深油墨。 把四个油墨值四舍五入为整数百分比。它们遵循 Photoshop 在欧洲的默认 CMYK 设置。
这里连续进行两次转换,因此会四舍五入两次,并且 CMYK 这一步使用标准 Coated FOGRA39 配置文件。其他 CMYK 配置文件(例如印刷厂提供的)会得出不同的数值。印刷结果可能会比 HSL 预览略显暗淡。
CMYK 是印刷中使用的四墨模型:青(cyan)、品红(magenta)、黄(yellow)和关键黑(key/black),每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光,因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
可以。输入框旁的交换按钮会带你到 CMYK 到 HSL 的转换器,使用方式完全相同。两个方向使用相同的公式,只是反向应用而已。
在中等亮度下的高饱和度正是屏幕与印刷差异最大的情况。如果颜色要用于印刷,转换前把饱和度稍微拉低一些。