颜色转换器 — HEX/RGB/HSL/CMYK在线互转
在线将颜色在HEX、RGB、HSL、HSV和CMYK格式间互转。支持颜色选择器和对比度检查。浏览器本地处理，数据不上传。
功能特性
- ✓支持在HEX、RGB、HSL、HSV和CMYK格式间转换颜色
- ✓可视化颜色选择器，实时预览
- ✓点击任意格式结果即可复制
- ✓同时显示所有格式的转换结果
- ✓支持标准颜色表示法：#RGB、#RRGGBB、rgb()、hsl()
- ✓支持对比度检查，符合WCAG无障碍标准
- ✓所有转换在浏览器本地完成
- ✓完全隐私，无数据上传
使用方法
- 1使用颜色选择器直观选择颜色，或直接输入颜色代码
- 2输入HEX值如#FF5733或#F53
- 3输入RGB值如rgb(255, 87, 51)
- 4输入HSL值如hsl(11, 100%, 60%)
- 5在结果区即时查看所有转换后的格式
- 6点击任意结果卡片复制值到剪贴板
- 7使用对比度检查器比较两种颜色的无障碍性
- 8调整HSL/HSV滑块精确微调颜色
- 9直接复制CSS颜色代码用于样式表
- 10使用此工具标准化设计系统中的颜色格式
常见问题
HEX、RGB和HSL有什么区别？
∨
HEX使用十六进制表示法（#RRGGBB），RGB指定红、绿、蓝值（0-255），HSL使用色相（0-360）、饱和度（0-100%）、亮度（0-100%）。HSL通常更易于人类理解和调整。
HSV和HSL有什么区别？
∨
HSV使用色相、饱和度和明度（亮度）而非亮度。在HSV中，增加明度总会使颜色变亮。在HSL中，亮度超过50%会使颜色向白色变浅。
CMYK用于什么场景？
∨
CMYK（青、品红、黄、黑）用于印刷设计。如果您的项目涉及印刷材料，请使用CMYK值以确保屏幕和印刷的颜色匹配。
如何将RGB转换为HEX？
∨
每个RGB分量（0-255）被转换为两个十六进制数字。例如rgb(255, 87, 51)变为#FF5733。本工具自动完成此转换。
为什么我的HEX颜色显示不正确？
∨
请确保HEX值在#符号后为3或6个字符。有效格式：#RGB（3位简写）或#RRGGBB（6位）。工具会对无效输入显示错误。
我可以将此工具用于CSS颜色吗？
∨
可以！所有格式都输出有效的CSS颜色值。直接将HEX、rgb()或hsl()格式复制到CSS样式表中。
对比度比值是什么意思？
∨
对比度比值衡量两种颜色之间的亮度差异。WCAG要求普通文本至少4.5:1，大文本至少3:1才能符合无障碍标准。
如何让颜色变浅或变深？
∨
在HSL中，增加亮度（L）值使颜色变浅，减小使颜色变深。在HSV中，增加明度（V）使颜色变亮。工具允许交互式调整这些值。
这个工具是免费的吗？
∨
是的，完全免费。所有颜色转换都在浏览器中完成——不会发送任何数据到服务器。
我可以保存颜色调色板吗？
∨
此工具专注于转换。如需调色板管理，请使用我们的颜色选择器工具，支持保存和组织颜色。