颜色格式转换器
颜色选择器
HEX
RGB
HSL
RGBA
HSLA
使用方法
- 在 HEX、RGB、HSL、RGBA 或 HSLA 任意输入框中输入颜色,或点击顶部色块打开取色器
- 其他所有格式字段自动同步更新
- 在 RGBA 或 HSLA 区域调整 A 值设置透明度(0 = 完全透明,1 = 完全不透明)
- 点击任意格式旁的「复制」按钮,复制可直接用于 CSS 的颜色值
- 顶部棋盘格色块可直观确认颜色与透明度效果
常见问题
什么是 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) 是半透明橙色。