这个工具有问题吗？

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

该工具将十六进制颜色代码转换为 RGBA 表示法，其中 A 是 alpha 通道（不透明度，0 到 1）。像 #FF5733 这样的十六进制代码不包括透明度；rgba(255, 87, 51, 0.5) 让您可以为叠加、渐变停止点或设计 token 指定半透明变体。

在设计半透明元素时 RGBA 表示法至关重要：工具提示、模态背景、淡化的图表条和水印都使用不同的不透明度。8 位十六进制表示法（#FF5733FF）是替代方案，但 RGBA 被设计师更广泛地理解。

用它在设计 UI 状态时为品牌颜色添加透明度、为禁用按钮变暗主色调，或通过分层透明层视觉混合颜色。

如何使用这个工具

如何把 hex（含可选 alpha）转为 RGBA

  1. 输入 hex 值

    把 hex 值放入「Hex (#RGB … #RRGGBBAA)」字段。支持四种长度：`#RGB`、`#RGBA`、`#RRGGBB`、`#RRGGBBAA`——开头的 `#` 可省略，大小写无关。

  2. alpha 解析方式

    若 hex 含 alpha（4 或 8 位）则使用；否则 alpha 默认为 1（完全不透明）。byte 值除以 255 得到 0–1 浮点，再截断到 4 位小数。

  3. 点击运行

    输出包含 `r`、`g`、`b`（0–255）、`a`（0–1 浮点）、`alphaByte`（0–255）、`hex`（归一化的 8 位）、`hexRgb`（6 位无 alpha）和 `rgbaCss`（可直接粘贴的 `rgba(r, g, b, a)`）。

  4. 正确选择 hex 还是 hexRgb

    在支持 8 位 hex 的 CSS 中用 `hex`（8 位）。当你需要传统的 6 位 hex 并配合单独的 `opacity` 或 `rgba()` 时使用 `hexRgb`。

相似工具