颜色格式转换器

颜色选择器
HEX
RGB
HSL
RGBA
HSLA

使用方法

  1. 在 HEX、RGB、HSL、RGBA 或 HSLA 任意输入框中输入颜色,或点击顶部色块打开取色器
  2. 其他所有格式字段自动同步更新
  3. 在 RGBA 或 HSLA 区域调整 A 值设置透明度(0 = 完全透明,1 = 完全不透明)
  4. 点击任意格式旁的「复制」按钮,复制可直接用于 CSS 的颜色值
  5. 顶部棋盘格色块可直观确认颜色与透明度效果

常见问题

什么是 HEX 颜色格式?

HEX 使用六位十六进制数表示颜色,例如 #FF5733,广泛用于 CSS 和网页设计。

什么是 RGB 颜色格式?

RGB 通过红、绿、蓝三个分量指定颜色,每个分量的范围为 0–255,例如 rgb(255, 87, 51)。

什么是 HSL 颜色格式?

HSL 代表色相(0–360°)、饱和度(0–100%)和亮度(0–100%),对设计师来说更直观易调。

什么是 RGBA 颜色格式?

RGBA 在 RGB 基础上增加了 Alpha 通道(0–1)来控制透明度,例如 rgba(255, 87, 51, 0.5) 表示 50% 透明。

什么是 HSLA 颜色格式?

HSLA 在 HSL 基础上增加了 Alpha 通道(0–1),例如 hsla(14, 100%, 60%, 0.5) 是半透明橙色。