Irodori彩り

HSL to CMYK

HEX · RGB · HSL · OKLCH · Lab · CMYK

HSL to CMYK

每种颜色格式只是用不同语言描述同一件事:HEX 用于样式表,RGB 用于屏幕与代码,HSL 便于构建调色板,CMYK 用于印刷。选择你需要的转换,获得精确值、实时预览与背后的公式。

同一颜色的全部格式

同一个颜色的 HEX、RGB、HSL、CMYK 四种写法,任意复制。

HSL 转 CMYK

HSL 转换会先把数值归一化为 sRGB 三通道(红、绿、蓝,0–255),再按 CMYK 的规则编码。两种写法描述的是同一个像素,因此颜色本身不会改变。

1

读取输入

把 HSL 拆成各通道数值(十六进制位对、整数或百分比)。

2

归一化为 sRGB

将各通道缩放到 0–255,避免多次舍入累积误差。

3

编码为 CMYK

按 CMYK 写法输出结果,复制到样式表或设计工具。

换算公式

hsl(9, 100%, 60%)
→ sRGB  rgb(255,87,51)
→ CMYK  cmyk(0%, 66%, 80%, 0%)

计算示例

hsl(9, 100%, 60%) = #FF5733 = cmyk(0%, 66%, 80%, 0%)

通道取整到整数;如需回算,请使用同一工具以减少偏差。

HSL 转 CMYK 对照表

用同一公式换算的常用值。

输入(HSL)结果(CMYK)
hsl(11, 100%, 60%)cmyk(0%, 66%, 80%, 0%)
hsl(243, 75%, 59%)cmyk(66%, 69%, 0%, 10%)
hsl(145, 63%, 49%)cmyk(77%, 0%, 45%, 20%)
hsl(204, 70%, 53%)cmyk(76%, 31%, 0%, 14%)
hsl(6, 78%, 57%)cmyk(0%, 67%, 74%, 9%)
hsl(172, 75%, 39%)cmyk(86%, 0%, 12%, 32%)
hsl(283, 39%, 53%)cmyk(15%, 51%, 0%, 29%)
hsl(37, 90%, 51%)cmyk(0%, 36%, 93%, 5%)
hsl(210, 29%, 29%)cmyk(45%, 22%, 0%, 63%)
hsl(340, 82%, 52%)cmyk(0%, 87%, 58%, 9%)
hsl(0, 0%, 0%)cmyk(0%, 0%, 0%, 100%)
hsl(0, 0%, 100%)cmyk(0%, 0%, 0%, 0%)

全部转换

常见问题

HSL 转 CMYK 会改变颜色吗?
不会。两种格式描述的是同一个 sRGB 颜色,只是写法不同。
为什么我的 CMYK 值和别的转换器不一样?
是舍入差异。其他工具可能在不同步骤取整或使用不同白点;本站遵循 CSS Color 4 与 D65。
CMYK 值可以直接写进 CSS 吗?
可以。CMYK 是 CSS 原生或广泛支持的写法,适用于样式表、canvas 与设计工具。
印刷应该用哪种格式?
印刷用 CMYK,屏幕用 RGB/HEX。CMYK 是近似值,最终稿件请按印刷配置转换。