这个工具有问题吗？

关于「RGBA转HEX转换器 在线」

该工具将 RGBA 颜色值转换为带 alpha 的 8 位十六进制表示法。rgba(255, 87, 51, 0.5) 变成 #FF573380，其中最后两个字符编码 50% 的 alpha。现代 CSS 支持两种格式；有时您需要紧凑的十六进制形式。

8 位十六进制代码在设计 token、主题文件和 CSS 变量中很有用，您希望用一个字符串完整描述包括不透明度在内的颜色。在将颜色复制到只接受十六进制的应用程序时它们也是必需的。

转换对于干净地舍入到 8 位的 alpha 值（1/255 的倍数）是精确的。对于像 0.123 这样的任意不透明度值可能会发生轻微的舍入——生成的十六进制将显示为最接近的可表示 alpha。

如何使用这个工具

如何把 RGBA 转为 hex 颜色（带 alpha）

  1. 两种输入方式

    在「RGBA code」键入/粘贴 RGBA 字符串（如 `rgba(255,128,0,0.5)` 或四个数字 `200 180 90 0.25`），也可调整 R/G/B 滑块与 Alpha 数值；「RGBA code」非空时优先于滑块。

  2. 接受的 RGBA 字符串

    解析器支持 `rgba(r, g, b, a)`、`rgb(r, g, b)`（alpha 默认为 1）和类似 `255 128 0 0.5` 的空白分隔四元组。alpha 可以是 0–1 浮点；不支持百分号形式的不透明度。

  3. 点击运行

    输出包含 `r`、`g`、`b`（0–255）、`a`（0–1）、`alphaByte`（0–255）、`hex`（8 位 `#rrggbbaa`）、`hexRgb`（6 位不含 alpha）与 `rgbaCss`（可直接粘贴的 `rgba(r, g, b, a)`）。

  4. alpha 必须在 0–1

    滑块模式会校验 alpha 在 0 到 1（含）之间——否则抛出 "Alpha must be a number from 0 to 1."。若你只有 0–100 % 的百分数，请先换算。

相似工具