颜色转换

颜色

在 HEX、RGB、HSL 之间转换颜色,并预览色块。

HEX

#1677ff

RGB

rgb(22, 119, 255)

HSL

hsl(215, 100%, 54%)

怎么用

输入 HEX、RGB 或 HSL,或用取色器选色,立刻看到色块和三种格式,可分别复制。支持 #RGB、#RRGGBB、rgb() 和 hsl()。

常见问题

支持哪些写法?

支持 #1677ff、#17f、rgb(22, 119, 255) 和 hsl(215, 100%, 54%)。带透明度的写法会忽略透明通道。

HEX 和 RGB 怎么对应?

HEX 是红绿蓝的十六进制;RGB 是 0–255 的十进制。同一颜色两种写法数值等价。

HSL 的百分号是什么意思?

H 是色相 0–360,S 是饱和度,L 是亮度,后两项用百分比。

取色器和输入框会同步吗?

会。改取色器会填入 HEX;输入合法颜色后,取色器也会跟上。