HEX、RGB、HSL 颜色格式转换
粘贴颜色代码或拖动取色器，即时查看各格式对应值并一键复制。
颜色预览
预览
—
—
从文本解析颜色
输入 HEX、RGB 或 HSL 格式，自动转换为其他表示方式。
解析方式
取色器与通道调节
使用系统取色器或 RGB / HSL 滑块，实时同步各格式输出。
RGB 通道
红 (R)
0
绿 (G)
0
蓝 (B)
0
HSL 通道
色相 (H)
0°
饱和度 (S)
0%
亮度 (L)
0%
转换结果
HEX（大写）
—
HEX（小写）
—
RGB / RGBA
—
HSL / HSLA
—
CSS 颜色值
—
颜色格式转换怎么使用
在「文本解析」中粘贴设计稿或代码里的颜色值；在「取色调参」中通过取色器或滑块微调颜色。两种模式的结果区均支持一键复制。
HEX：网页与 UI 设计常用，如 #3B82F6。
RGB：红绿蓝三通道 0–255，CSS 写作 rgb(59, 130, 246)。
HSL：色相 0–360°，饱和度与亮度 0–100%，CSS 写作 hsl(217, 91%, 60%)。
常见问题
HEX 和 RGB 有什么区别？
HEX 用十六进制表示红、绿、蓝三个通道，例如 #FF5733；RGB 用 0–255 的十进制表示，例如 rgb(255, 87, 51)。两者描述的是同一种颜色。
HSL 适合用来做什么？
HSL 用色相（H）、饱和度（S）、亮度（L）描述颜色，调整亮度或饱和度时更直观，常用于 UI 配色与主题设计。
3 位 HEX 和 6 位 HEX 一样吗？
一样。#F53 是 #FF5533 的简写，每个字符会重复一次展开为完整六位。
颜色数据会上传到服务器吗？
不会。所有解析与换算均在浏览器本地完成，输入内容不会离开你的设备。