把印刷调色板带到网页上在 HSL 中更容易：一旦把油墨混合表达成色相、饱和度和亮度，你可以在几秒内构建悬停态、色彩加深和减淡。
如何将 CMYK 转换为 HSL
- 使用 Coated FOGRA39 配置文件，把 CMYK 百分比转换为 0 到 255 之间的 sRGB 通道。
- 把通道除以 255，取它们的最大值和最小值。
- 最大值和最小值的平均值就是亮度 L，它们的差值决定饱和度 S。
- 持有最大值的通道决定色相 H，在色轮上以度数表示。
示例演示
CMYK cmyk(66%, 82%, 0%, 0%)=HSL hsl(276, 37%, 43%)
CMYK 到 RGB 这一步使用标准 Coated FOGRA39 配置文件，因此其他 CMYK 配置文件（例如印刷厂提供的）会得出不同的数值。HSL 值会四舍五入为整数。
CMYK 与 HSL 说明
CMYK 是什么？
CMYK 是印刷中使用的四墨模型：青（cyan）、品红（magenta）、黄（yellow）和关键黑（key/black），每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光，因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
- 语法：
- cmyk(C%, M%, Y%, K%)
- 范围：
- 每种墨水 0–100%
- 适合用于：
- 印刷、包装、印前成品
HSL 是什么？
HSL 将颜色拆分为色相（在色轮上 0–360°）、饱和度（颜色程度，0–100%）和亮度（明亮程度，0–100%）。因为每一部分都符合人们描述颜色的方式，HSL 是手动或在代码中构建色阶、色调和一致调色板的最简单格式。
- 语法：
- hsl(H, S%, L%)
- 范围：
- 0–360°，0–100%，0–100%
- 适合用于：
- 调色板、色阶与色调、主题化
CMYK 到 HSL 参考表
最常见的 CSS 颜色，已从 CMYK 转换为 HSL。
| 颜色 | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |
常见问题
使用 Coated FOGRA39 配置文件，把 CMYK 百分比转换为 0 到 255 之间的 sRGB 通道。 把通道除以 255，取它们的最大值和最小值。 最大值和最小值的平均值就是亮度 L，它们的差值决定饱和度 S。 持有最大值的通道决定色相 H，在色轮上以度数表示。
CMYK 到 RGB 这一步使用标准 Coated FOGRA39 配置文件，因此其他 CMYK 配置文件（例如印刷厂提供的）会得出不同的数值。HSL 值会四舍五入为整数。
HSL 将颜色拆分为色相（在色轮上 0–360°）、饱和度（颜色程度，0–100%）和亮度（明亮程度，0–100%）。因为每一部分都符合人们描述颜色的方式，HSL 是手动或在代码中构建色阶、色调和一致调色板的最简单格式。
可以。输入框旁的交换按钮会带你到 HSL 到 CMYK 的转换器，使用方式完全相同。两个方向使用相同的公式，只是反向应用而已。
一旦转换到 HSL，保留印刷的色相，仅调整网页版本的亮度。这样可以在满足屏幕对比度要求的同时保持品牌色的识别度。