颜色转换器
输入一次颜色,即可获得适用于设计、CSS、图像或文档的统一 HEX、RGB 和 HSL 值。
使用步骤
如何使用
- 输入支持的 HEX、RGB 或 HSL 颜色。
- 转换并检查规范化颜色预览。
- 复制完整的 HEX、HEXA、RGB、RGBA、HSL 和 HSLA 值列表。
支持的 CSS 颜色格式
支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA;传统逗号分隔的 rgb()、rgba()、hsl()、hsla();以及可选斜杠 alpha 的现代空格分隔 RGB/HSL。RGB 通道可用 0–255 数值或百分比。色相支持度、圈、弧度或百分度。
明确范围与舍入规则
超出范围的通道会被拒绝,而非静默截断。RGB 输出使用最接近的 8 位整数通道。HSL 最多一位小数,alpha 最多三位小数。转换仅限标准 sRGB;不会解析命名颜色、Lab、LCH 或广色域 color() 空间。
常见问题
你可能还想知道
可以转换透明颜色吗?
可以。四位或八位 HEX、以及带 alpha 的 RGB/HSL 语法会同时输出 RGBA/HSLA 和八位 HEXA。
为什么 HEX alpha 略有不同?
HEXA 用一个字节存储 alpha,因此会舍入到 256 个级别之一。RGBA 和 HSLA 的 alpha 最多显示三位小数。
可以输入 rebeccapurple 这样的命名颜色吗?
不可以。请输入 HEX、RGB 或 HSL 值,以确保各浏览器接受的语法和输出一致。