在 HSL 设计的调色板经常要打印到纸上。此转换器将你选的色相、饱和度和亮度转换为印刷厂使用的四个油墨百分比。
如何将 HSL 转换为 CMYK
- 将 HSL 三元组转换为 0 到 255 的 RGB 通道。
- 将这些通道除以 255 进行归一化。
- 计算黑键 K = 1 − max(R, G, B)。
- 从剩余通道推导 C、M、Y，并把四个数值都转换为百分比。
示例演示
HSL hsl(197, 100%, 45%)=CMYK cmyk(100%, 29%, 0%, 10%)
这里是两次连续的转换，因此会有两次舍入——并且在没有颜色配置文件的情况下 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(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |