颜色格式转换 - 免费在线文件工具

在线在 HEX、RGB、HSL 之间互转颜色,自带取色器与实时预览,一键复制色值用于 CSS 与设计稿

本地处理 · 文件不上传

如何使用

  1. 点击取色器直接挑选颜色,或在 HEX 框输入 #RRGGBB(也支持 #RGB 简写);
  2. RGB、HSL 数值会实时联动,也可直接修改数值反推颜色;
  3. 预览区实时展示当前颜色;
  4. 点击对应按钮复制 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 输入框键入色值。

返回全部工具

皖ICP备2026025516号-1