图片与设计工具

颜色转换器

输入一次颜色,即可获得适用于设计、CSS、图像或文档的统一 HEX、RGB 和 HSL 值。

优先本地处理无需注册隐私说明 ↗

支持 HEX、RGB/RGBA 或 HSL/HSLA。不支持命名颜色和广色域颜色空间。

使用步骤

如何使用

  1. 输入支持的 HEX、RGB 或 HSL 颜色。
  2. 转换并检查规范化颜色预览。
  3. 复制完整的 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 值,以确保各浏览器接受的语法和输出一致。