颜色代码转换器
在 HEX、RGB、HSL 三种颜色格式间任意转换。通过颜色选择器选色或直接输入代码,所有格式即时更新。
在 HEX、RGB 和 HSL 之间转换颜色,并复制可直接使用的 CSS 自定义属性值。可以手动输入颜色,也可以使用浏览器颜色选择器。
如何转换颜色
- 输入3位或6位 HEX、rgb(r,g,b) 或 hsl(h,s%,l%)。
- 点击转换,或输入后稍等以自动转换。
- 查看 HEX、RGB、HSL、CSS 变量以及颜色预览。
- 复制需要的格式。
支持的颜色格式
HEX 支持可选的 #,并支持3位和6位形式。RGB 使用整数通道的 rgb(r,g,b),HSL 使用 hsl(h,s%,l%)。
当前不支持 alpha 透明度、CSS 颜色名称、现代空格分隔 CSS 语法,也不支持 LAB、LCH、OKLCH、Display-P3 或 CMYK 等色彩空间。
隐私与限制
颜色解析和转换完全在浏览器本地进行。本工具用于基础 HEX/RGB/HSL 转换,不执行色彩管理、色域映射、可访问性对比度检查或设备配置文件转换。
常见问题
支持3位 HEX 吗?
支持。#abc 会在内部扩展为对应的6位 HEX。
支持 alpha 透明度吗?
不支持。当前处理的是不含 alpha 的 RGB 颜色。
可以使用颜色选择器吗?
可以。选择颜色后输入和转换结果会自动更新。
CSS var 结果是什么?
它是 --color: #rrggbb; 形式的简单 CSS 自定义属性声明。
颜色数据会上传吗?
不会。转换在浏览器本地完成。