颜色格式转换 - 免费在线文件工具
在线在 HEX、RGB、HSL 之间互转颜色,自带取色器与实时预览,一键复制色值用于 CSS 与设计稿
本地处理 · 文件不上传
如何使用
- 点击取色器直接挑选颜色,或在 HEX 框输入 #RRGGBB(也支持 #RGB 简写);
- RGB、HSL 数值会实时联动,也可直接修改数值反推颜色;
- 预览区实时展示当前颜色;
- 点击对应按钮复制 HEX、RGB 或 HSL,粘贴到 CSS、设计工具中即可。
常见问题
HEX、RGB、HSL 有什么区别?
HEX 是十六进制写法(如 #3B82F6),RGB 用红绿蓝三通道 0–255 表示,HSL 用色相、饱和度、亮度表示;三者描述的是同一个颜色,只是表达方式不同,可无损互转。
支持透明度(Alpha)吗?
当前版本在 HEX/RGB/HSL 三格式间互转,不含透明度通道;需要透明时可在 CSS 中使用 rgba() 或 8 位 HEX(如 #3B82F680)。
为什么 HSL 数值和设计软件略有出入?
HSL 的饱和度与亮度按百分比四舍五入显示,可能有 1% 的取整差异,色相以 0–360 度表示,属正常现象。
取色器在手机上能用吗?
可以,移动浏览器会调用系统自带的颜色选择面板;也可以直接在 HEX 输入框键入色值。