Elysia Tools
导航
Design
将印刷色彩CMYK转换为屏幕色彩HSL
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
CMYK转HSL转换器是一款专业的色彩空间转换工具，旨在帮助设计师和开发者将印刷行业标准的CMYK色彩数值，精准转换为适用于网页及屏幕显示的HSL色彩模式，确保跨媒介色彩的一致性。
背景
公司品牌手册规定主色为 CMYK(0, 100, 100, 0)，需要将其应用到网站的 CSS 样式表中。
问题
手动计算 CMYK 到 HSL 的转换容易出错，且难以直接用于 CSS。
如何使用
输入 CMYK(0, 100, 100, 0)，选择输出格式为 css。
format: css结果
获得 hsl(0, 100%, 50%)，可直接复制到 CSS 代码中。
背景
设计师需要将印刷用的深青色 C:50 M:0 Y:50 K:0 转换为屏幕显示的 HSL 值，以便在网页预览图中使用。
问题
需要获取准确的 HSL 数值以保持色彩感知的一致性。
如何使用
输入 C:50 M:0 Y:50 K:0，选择输出格式为 labeled。
format: labeled结果
获得 H:120 S:100% L:25% 的详细数值，方便在设计软件中进行精确调整。
CMYK是基于减色法的印刷色彩模式，而HSL是基于人眼感知的屏幕色彩模式。将CMYK转为HSL有助于在网页设计中更直观地调整颜色的饱和度和亮度。
支持多种常见格式，包括 cmyk(c,m,y,k)、逗号分隔的数值（0,0,0,0）以及带有前缀的格式（C:50 M:0 Y:50 K:0）。
由于CMYK和RGB/HSL的色域不同，转换后的颜色在屏幕上可能存在视觉差异，建议转换后根据实际显示效果微调。
可以，只需在输入框中每行输入一个CMYK数值，工具将批量处理并输出对应的HSL结果。
提供标准hsl()函数、CSS兼容格式、纯数值格式以及带标签的详细格式，满足不同开发场景需求。