颜色转换

HEX / RGB / HSL 互转，实时预览色块。输入如 #1A9CB0、rgb(26,156,176)。

这个工具能做什么

在 HEX（#3B82F6）、RGB（rgb(59, 130, 246)）和 HSL（hsl(217, 91%, 60%)）三种颜色表示之间互转，并实时显示色块预览。输入任何一种格式，立刻得到另外两种，可以直接复制到 CSS、设计软件或代码里。

典型使用场景

设计稿标注的是 HEX，但你要在 CSS 里加透明度，就得转成 rgba()；想系统性地调出一组“同色相不同明度”的配色，HSL 里只改 L 值最直观，比拍脑袋调 RGB 高效得多；从截图里取色得到的 RGB 值，转成 HEX 才能写进大多数设计规范文档。

小知识

HEX 里 #F80 是 #FF8800 的缩写（每位重复一次），写 CSS 时可以省三个字符。HSL 的 H 是色环上的角度（0 红、120 绿、240 蓝），S 是饱和度，L 是明度——人类对颜色的直觉基本就是这三个维度，所以做“变亮一点”“灰一点”这类调整时，HSL 远比 RGB 顺手。三种格式表示的是同一个颜色空间，互转是无损的（四舍五入带来的 ±1 误差除外）。