颜色转换器

在 HEX、RGB、HSL 颜色格式之间自由转换。

#3498DB

HEX

RGB

R

G

B

rgb(52, 152, 219)

HSL

H

°

S

%

L

%

hsl(204°, 70%, 53%)

功能说明

• 多格式支持：支持 HEX、RGB、HSL 三种格式
• 实时转换：修改任意格式，其他格式自动更新
• 颜色预览：实时预览当前颜色
• 精确控制：支持数值微调

常见问题

HEX 和 RGB 有什么区别？

HEX 是十六进制表示法（如 #FF5733），常用于 CSS 和设计工具中；RGB 是十进制表示法（如 rgb(255, 87, 51)），更直观地表示红、绿、蓝三个通道的值。两者可以互相转换，表示的是同一个颜色。

HSL 和 RGB 有什么区别？

HSL 使用色相（Hue）、饱和度（Saturation）和亮度（Lightness）三个维度描述颜色，更符合人类对颜色的直觉理解。RGB 则是通过红绿蓝三原色混合来表示颜色，更符合显示器的工作原理。

如何将 HEX 颜色转换为 RGB？

将 HEX 颜色的六位字符分为三组，每两位转换为一个十进制数。例如 #FF5733，FF 转为 255，57 转为 87，33 转为 51，即 RGB(255, 87, 51)。使用本工具可以自动完成转换。

CSS 中支持哪些颜色格式？

CSS 支持多种颜色格式：HEX（#FF5733）、RGB（rgb(255, 87, 51)）、RGBA（带透明度）、HSL（hsl(11, 100%, 60%)）、HSLA（带透明度）、颜色关键字（red, blue 等）以及更新的 color() 函数。

什么是 8 位 HEX 颜色？

8 位 HEX 颜色在传统的 6 位 HEX 后增加了两位表示透明度（Alpha 通道），例如 #FF573380，最后的 80 表示约 50% 的透明度。这在 CSS 中等价于 rgba(255, 87, 51, 0.5)。