代码、数据与二维码工具

RGBA 转 HEX 转换器

粘贴 rgba() 值或输入数字通道,获得可复制的 HEX 颜色及清晰的 alpha 转换结果。

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

颜色值转换器

将 RGBA 转为可复制的 HEX

输入 CSS 颜色或数字通道。转换器会验证边界、明确舍入通道,并显示透明度规则。

示例: rgba(39, 54, 42, 0.24), rgb(39 54 42), or 39, 54, 42, 24%.

转换结果

HEX
—
RGB
—
CSS
—

输入颜色即可开始。

使用步骤

如何使用

  1. 粘贴 CSS rgba()、rgb() 或逗号分隔的数值,或直接输入各颜色通道。
  2. 不透明颜色选择六位 HEX;需要 alpha 时选择八位 HEX。
  3. 复制 HEX、RGB 或 CSS 结果并用于样式表或设计令牌。

接受的颜色输入

可使用 rgb(r, g, b)、rgba(r, g, b, a) 或四个数字字段。RGB 通道接受 0 到 255 的整数或小数,并四舍五入到最接近的整数。Alpha 可省略,默认值为 1;也可使用 0 到 1 的小数或 0% 到 100% 的百分比。

HEX 与 alpha 规则

六位 HEX 只包含红、绿、蓝。八位 HEX 按 CSS #RRGGBBAA 顺序在末尾追加两位十六进制 alpha。Alpha 按 round(alpha × 255) 转换,因此 0.24 会变成十进制 61 和十六进制 3D。

本地处理与输入限制

解析和转换在此浏览器中运行。输入最多 200 个字符;RGB 通道必须在 0–255 内,alpha 必须在 0–1 或 0–100% 内。不应用颜色配置文件或命名颜色查询。

常见问题

你可能还想知道

省略 alpha 值表示什么?

表示完全不透明:alpha 为 1,或在八位 HEX 中为 255。

RGB 小数如何取整?

每个通道先四舍五入到最接近的整数,且只有验证其在 0–255 范围内后才会钳制。

此工具使用哪种 HEX alpha 顺序?

输出遵循 CSS #RRGGBBAA 顺序,alpha 位于最后两个十六进制数字。

转换器会上传我的颜色吗?

不会。转换、复制和验证都在浏览器本地完成。