颜色格式转换

HEX、RGB、HSL颜色格式互相转换

颜色格式转换器支持 HEX、RGB、HSL、RGBA、HSLA 互转,实时预览颜色,适合设计师和前端开发快速切换颜色格式。

颜色格式转换器

当前颜色

透明度

%
R
G
B
H217°
S91%
L60%
HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1.00)
HSLhsl(217, 91%, 60%)
HSLAhsla(217, 91%, 60%, 1.00)

色阶 (Shades)

使用说明

输入任意格式的颜色值,自动转换为其他格式。支持调整透明度和查看色阶。

使用步骤

  1. 在任意颜色输入框输入颜色值(HEX、RGB、HSL 等)。
  2. 工具自动转换为其他格式并显示。
  3. 点击颜色块可打开浏览器取色器。
  4. 复制任意格式的颜色值。

常见问题

HEX、RGB、HSL 哪个更好?

各有用途:HEX 简洁适合 CSS;RGB 直观但透明度需 rgba;HSL 易于调整色调、饱和度、亮度。

为什么 RGB 转 HEX 颜色看起来不同?

理论上相同颜色所有格式表示相同值。如果看起来不同,可能是显示器色域或浏览器渲染差异。

支持 CMYK 吗?

暂不支持。CMYK 用于印刷,RGB/HEX/HSL 是屏幕显示格式,转换需要色彩配置文件。

相关工具