CMYK转HSL颜色转换工具
请输入逗号分隔的CMYK值，如: 60,40,30,10 (每个值0-100)
青色 (C) 0%
品红 (M) 0%
黄色 (Y) 0%
黑色 (K) 0%
转换结果
颜色预览
点击复制按钮将HSL颜色值复制到剪贴板
工具简介
CMYK转HSL颜色转换工具是一个简单实用的在线工具，可以帮助您快速将印刷使用的CMYK颜色值转换为Web设计和CSS中使用的HSL格式。
无论您是前端开发者、UI/UX设计师还是印刷设计师，这个工具都能帮助您更高效地进行颜色转换工作，特别是在将印刷颜色转换为Web显示颜色时。
主要功能
- 支持两种输入方式：逗号分隔和分别输入
- CMYK进度条调节，直观选择颜色
- 实时颜色预览
- 一键复制HSL结果
- 响应式设计，适配各种设备
使用教程
- 在"CMYK逗号分隔输入"框中输入逗号分隔的CMYK值，如: 60,40,30,10
- 或在"CMYK分别输入"框中分别输入C、M、Y、K值（0-100）
- 或使用CMYK进度条直观地调节颜色值
- 点击"转换"按钮或直接按回车键进行转换
- 查看转换结果和颜色预览
- 点击"复制"按钮将HSL颜色值复制到剪贴板
注意事项
- CMYK值的范围是0-100，超出范围的值将被视为无效
- 使用进度条调节时，输入框的值会自动更新
- 任何输入方式的变化都会实时更新其他输入方式
- HSL值的格式为：H(0-360), S(0-100%), L(0-100%)
颜色知识
CMYK颜色模式
CMYK颜色模式是一种减色模式，通过青(Cyan)、品红(Magenta)、黄(Yellow)和黑(Key/Black)四种颜色的混合来表现颜色。
每个颜色通道的取值范围是0%-100%，表示该颜色的油墨浓度。CMYK模式主要用于印刷。
HSL颜色模式
HSL颜色模式通过色相(Hue)、饱和度(Saturation)、亮度(Lightness)三个维度来表示颜色，更符合人类对颜色的感知方式。
色相(H)取值范围是0-360度，饱和度(S)和亮度(L)取值范围是0-100%。HSL模式主要用于Web设计和CSS样式。
转换示例
红色: CMYK(0%, 100%, 100%, 0%) → HSL(0°, 100%, 50%)
绿色: CMYK(100%, 0%, 100%, 0%) → HSL(120°, 100%, 50%)
蓝色: CMYK(100%, 100%, 0%, 0%) → HSL(240°, 100%, 50%)
白色: CMYK(0%, 0%, 0%, 0%) → HSL(0°, 0%, 100%)
黑色: CMYK(0%, 0%, 0%, 100%) → HSL(0°, 0%, 0%)
青色: CMYK(60%, 0%, 0%, 40%) → HSL(180°, 20%, 50%)