颜色转换工具
HEX、RGB、HSL 三种颜色格式在线互转，支持取色器与实时预览。
点击左侧色块可从取色器选色
工具介绍
前端开发与 UI 设计中经常需要在不同颜色格式之间换算：设计稿给的是 HEX 色值，CSS 变量可能用 HSL 便于调色，JS 画布又常用 RGB。本工具三种格式实时联动互转，输入任意一种即刻得到其余两种，并支持从取色器直接选色。
- 支持 3 位与 6 位 HEX（如 #F60 与 #FF6600）；
- 支持 rgb() 与 hsl() 标准函数写法；
- 色块实时预览，一键复制当前色值。
常见问题
HEX 和 RGB 颜色有什么区别？
两者表示相同的 RGB 色彩空间，只是书写格式不同：HEX 用十六进制如 #FF6600，RGB 用十进制如 rgb(255,102,0)，可以互相无损转换。
HSL 颜色适合什么场景？
HSL 用色相、饱和度、亮度描述颜色，更符合人类直觉，适合调色与生成配色方案，CSS 中也直接支持 hsl() 写法。