HEX、RGB、HSL 颜色转换
在线颜色格式转换工具，HEX、RGB、HSL 之间即时互转，可取色、预览并复制可直接用于 CSS 的颜色值。
HEX#1473e6RGBrgb(20, 115, 230)HSLhsl(213, 84%, 49%)
工具说明
网页上的颜色有多种写法：HEX（如 #1473e6）紧凑直观，RGB 把红绿蓝三个通道分开表示，而 HSL 用色相、饱和度和明度来描述，手工微调时更方便。
选一个颜色或输入一个颜色值，即可同时看到三种写法，方便直接复制到 CSS 中使用。
- HEX ⇄ RGB ⇄ HSL 互转
- 内置取色器与预览色块
- 复制可直接使用的 CSS 颜色值
常见问题
HSL 是什么意思？
色相（0～360 度）是颜色角度，饱和度表示鲜艳程度，明度决定明暗。相比 HEX，HSL 更容易按规律微调颜色。
支持透明度吗？
工具主要处理不透明颜色，你可以在样式表中用 rgba() 或 hsla() 为同样色值加上透明通道。
CSS 里应该用哪种格式？
都可以。HEX 更紧凑常见，HSL 在需要批量生成颜色变化时更方便。