颜色值转换 HEX/RGB/HSL
免费在线颜色转换工具，支持 HEX 十六进制色值、RGB、HSL 三种格式互相转换，内置取色器和实时色块预览，一键复制 CSS 颜色代码，是前端开发、UI 设计、调色配色的实用小工具，全部本地运行。 设计本地运行
在线使用
HSL
—
CSS RGB
—
使用方法
- 可直接点取色器挑选颜色，或在 HEX 框输入如 #0f766e 的色值。
- 也可分别填写 R、G、B 数值（0–255），其余格式自动同步。
- 下方实时显示大色块、HSL 值和可直接用于 CSS 的代码，点按钮即可复制。
常见问题
HEX、RGB、HSL 有什么区别？
HEX 是十六进制写法（如 #0f766e），RGB 用红绿蓝三原色数值表示，HSL 用色相、饱和度、亮度表示，三者描述的是同一个颜色，可无损互转。
取色器在手机上能用吗？
可以，现代手机浏览器都支持点击取色，也可以手动输入色值进行转换。
转换需要联网吗？
不需要，所有计算在浏览器本地完成，离线也能用。