超级工具平台

颜色格式转换

在 HEX、RGB 和 HSL 颜色格式之间互相转换,支持实时色块预览

输入

结果
#FF6600
HEX

#FF6600

RGB

rgb(255, 102, 0)

HSL

hsl(24, 100%, 50%)

FAQ

HEX、RGB 和 HSL 有什么区别?

HEX 是十六进制 RGB 表示(如 #FF6600)。RGB 以红绿蓝(0-255)定义颜色。HSL 以色相(0-360°)、饱和度(0-100%)和明度(0-100%)描述。

如何将 HEX 转换为 RGB?

将 HEX 值拆分为 R、G、B 三对,再将每对从十六进制转为十进制。例如 #FF6600 → R=255, G=102, B=0。

HSL 颜色模型有什么优势?

HSL 更符合人类直观理解。色相(Hue)决定颜色类型,饱和度(Saturation)控制色彩浓度,明度(Lightness)控制亮度。设计师常用 HSL 搭配配色方案。