颜色格式转换
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)
使用说明
输入任意格式的颜色值,自动转换为其他格式。支持调整透明度和查看色阶。
使用步骤
- 在任意颜色输入框输入颜色值(HEX、RGB、HSL 等)。
- 工具自动转换为其他格式并显示。
- 点击颜色块可打开浏览器取色器。
- 复制任意格式的颜色值。
常见问题
HEX、RGB、HSL 哪个更好?
各有用途:HEX 简洁适合 CSS;RGB 直观但透明度需 rgba;HSL 易于调整色调、饱和度、亮度。
为什么 RGB 转 HEX 颜色看起来不同?
理论上相同颜色所有格式表示相同值。如果看起来不同,可能是显示器色域或浏览器渲染差异。
支持 CMYK 吗?
暂不支持。CMYK 用于印刷,RGB/HEX/HSL 是屏幕显示格式,转换需要色彩配置文件。