颜色转换器 — HEX、RGB、HSL 和 Alpha
将受支持的 sRGB 颜色转换为 HEX、RGB 和 HSL,保留 alpha。请查看舍入说明;本工具不是完整的 CSS 解析器,也不保证屏幕颜色匹配。
如何转换颜色
- 输入以 # 开头的 HEX,或受支持的 rgb/rgba/hsl/hsla 函数。示例按钮只填入 #33669980,不会自动转换;小数使用英文句点。
- 点击“转换”,工具根据未舍入的颜色和独立 alpha 分别生成三种表示。修改输入会立即移除旧结果。
- 可复制单个代码或全部三行。舍入标记和 alpha 字节说明提示精度损失;色块并非经过校准。
通道和语法
HEX3/4 会重复每个数字,HEX6/8 使用完整字节,alpha 在最后。RGB 数值范围为 0–255,百分比为 0–100%。现代语法以空格分隔通道、斜杠分隔 alpha;旧语法使用逗号,且不能混用通道数值和百分比。
HSL 色相使用度数,可带 deg;饱和度和亮度必须为百分比。色相会循环;HSL 亮度不是相对亮度。转换使用编码后的 sRGB。
Alpha 与 RGB 独立,零 alpha 不会删除隐藏通道,也不会与背景混合。HEX8 将 0.5 量化为 128/255。
RGB 通道相等时约定 H=0、S=0,无法唯一恢复原始色相。色度非零时保留数学色相,不使用浮点容差阈值。
示例与舍入
#33669980 的 RGB 字节为 51、102、153,alpha 为 128/255;编码通道 0.2、0.4、0.6 对应 HSL 210°、50%、40%。函数形式的 alpha 舍入为 0.50196078。
hsl(210 100% 50% / .5) 的 RGB 为 0、127.5、255。通道和 alpha 的中间值向上舍入,HEX 为 #0080FF80;函数形式仍可保留 alpha 0.5。
rgb(17 34 51 / 99.999999%) 保留函数 alpha 0.99999999,但字节舍入为 FF,HEX 为 #112233FF。0.000001% 则保留为 0.00000001,HEX 字节舍入为 00。
范围和限制
去除空白前最多 256 个 UTF-16 代码单元,数字最多 16 个 ASCII 字符。RGB 数值和数字 alpha 最多 8 位小数,百分比和 HSL 最多 6 位;不支持指数,色相范围为 ±1000000°,超范围值会被拒绝。
不支持颜色名称、transparent、currentColor、none、注释、变量、计算、其他颜色空间或角度单位。HSL 的 S/L 必须带百分号;其中部分语法在 CSS 中有效。
HEX 舍入至最近字节,中间值向上;RGB 和函数 alpha 最多 8 位小数,HSL 最多 6 位。舍入为 360° 的色相变为 0°;不保证精确往返转换。
不提供 ICC、CMYK、广色域转换、对比度评级或显示匹配认证。色块仅展示生成的 RGB;HSL 亮度不是无障碍评估。
隐私
计算在浏览器中进行,不新增上传、账户、历史记录、输入日志或含颜色的分享链接。仅按请求复制;失败时提供只读文本。网站其他服务仍受其政策约束。
常见问题
来源和方法
CSS Color 4 描述了此有限转换器所参考的颜色格式和计算。
- W3Cw3.orgHEX 表示法十六进制位数、通道顺序和 alpha。
- W3Cw3.orgRGB 函数RGB 通道和 alpha 语法。
- W3Cw3.orgHSL 函数色相、饱和度和亮度的语法。
- W3Cw3.orgAlpha 值Alpha 独立于颜色通道表示不透明度。
- W3Cw3.orgHSL 转 RGBHSL 与编码 RGB 分量之间的转换。
- W3Cw3.org不起作用的分量颜色分量何时不起作用,包括中性色的色相。
本转换器只实现有限子集和自己的舍入规则,不代表完整符合 CSS。
