在线颜色格式转换器 - HEX、RGB、HSL、HSV、CMYK 在线双向互转与取色器 (Color)
在浏览器中即时双向转换 HEX、RGB、HSL、HSV 和 CMYK 颜色格式。配备实时调色板、对比度检查与颜色选择器,完全在本地处理,无需网络连接,简单快捷。颜色设计和取色配色的最佳前端助手,帮助设计师和前端工程师一键获取所需配色代码。
在上方输入颜色以查看所有格式。
粘贴任意颜色值——十六进制代码、rgb() 字符串或 hsl() 表达式——立即查看转换为所有主要颜色格式的结果:HEX、RGB、HSL、HSV 和 CMYK。实时色块显示解析后的颜色,方便一眼确认。每个输出行都有一键复制按钮。所有转换计算完全在浏览器本地运行,无需服务器,适合处理敏感的设计令牌和品牌色彩。支持简写十六进制(#abc)、完整十六进制(#aabbcc)、带透明度的十六进制(#aabbccdd)、rgb()、rgba()、hsl() 和 hsla() 作为输入。
使用方法
- 1
输入颜色值
在输入框中输入或粘贴任意颜色——支持十六进制(#1a2b3c)、rgb(26, 43, 60)、rgba()、hsl() 或 hsla()。
- 2
查看颜色预览
输入框旁边会出现一个色块,方便你直观确认解析的颜色是否正确。
- 3
查看所有转换格式
输出面板同时显示 HEX、RGB、HSL、HSV 和 CMYK 值,随输入实时更新。
- 4
复制所需格式
点击任意格式行旁边的复制按钮,将该值复制到剪贴板——可直接粘贴到 CSS 或设计工具中。
常见问题
Q.支持哪些颜色格式作为输入?
支持十六进制(#rgb、#rrggbb、#rrggbbaa)、rgb()、rgba()、hsl() 和 hsla()。也接受简写十六进制如 #abc。
Q.支持透明度(alpha)吗?
rgba() 和 hsla() 中的透明度通道会被解析,但输出格式(HEX、HSL、HSV、CMYK)显示不透明的 RGB 等效值,因为并非所有格式都支持透明度通道。
Q.我的颜色数据会发送到服务器吗?
不会。所有转换逻辑完全在浏览器本地运行,不会传输任何数据。
Q.为什么 HSL/HSV 值与其他工具略有不同?
这是四舍五入差异。本工具将色相四舍五入到最近的整数度,将饱和度/亮度/明度四舍五入到最近的整数百分比。某些工具使用更多小数位。
Q.CMYK 代表什么?
CMYK 代表青色(Cyan)、品红色(Magenta)、黄色(Yellow)和黑色(Key/Black)。这是彩色印刷中使用的颜色模型。这里的值是 0 到 100 的百分比。