颜色转换
HEX、RGB、HSL 颜色格式互转，含取色器和预设调色板
取色器
#3B82F6建议使用浅色文字
HEX
RGB
R
G
B
HSL
H
S
L
预设调色板
关于「颜色转换」
颜色在 CSS 和设计中有多种表示格式：HEX 是 #RRGGBB 十六进制格式，最常见；RGB(r, g, b) 是红绿蓝三通道 0-255 数值；HSL(hue, saturation, lightness) 是色相-饱和度-亮度，更符合人对颜色的直觉。本工具支持三种格式实时互转，配合取色器可快速获取任意颜色的各格式值。
如何使用
- 用取色器选择颜色，或直接输入 HEX / RGB / HSL 值
- 三种格式实时同步更新
- 点击复制需要的格式
功能特性
- HEX / RGB / HSL 三格式实时互转
- 取色器直接选色
- 实时预览颜色色块
- 一键复制各格式值
常见问题
#fff 和 #ffffff 是一样的吗？
是的。CSS 允许 3 位缩写，#fff 等价于 #ffffff，#369 等价于 #336699，每位数字重复一次展开。
HSL 中 Hue 是什么？
Hue（色相）是 0-360 度的色环角度：0/360=红，120=绿，240=蓝。Saturation（饱和度）0% 是灰色，100% 是纯色；Lightness（亮度）0% 是黑，50% 是标准，100% 是白。
为什么 CSS 有时用 HSL 而不是 HEX？
HSL 更直观：想要"浅一点的蓝"只需增加 Lightness，保持 Hue 不变；用 HEX 要手动计算三个通道，不如 HSL 易于人工调整。