RGBA 转 HEX

rgba() 和 8 位 HEX 是书写同一种半透明颜色的两种方式。这个转换器把 rgba(255, 99, 71, 0.5) 转成 CSS 用的 #FF634780、安卓/.NET/Flutter 用的 #80FF6347（Alpha 在前），以及它叠在你的背景上看起来的实色。粘贴一整段 CSS 规则或一个列表，其中所有的 rgb()、rgba()、hsl() 和 hsla() 都会按你选的格式改写，并附上每个颜色的表格。反过来，它能读取 4 位和 8 位 HEX 代码（两种顺序均可），给出 rgba() 和现代的 rgb(r g b / a%) 写法。

使用方法

1. 选择 RGBA → HEX 或 HEX → RGBA。
2. 输入一个颜色、一个列表，或粘贴含有 rgba() 或 hsla() 值的 CSS。
3. 选择输出：8 位 HEX、叠在背景上的实色 HEX，或安卓顺序。
4. 复制转换后的 CSS 或单个代码；棋盘格预览显示第一个颜色。

计算公式

Alpha 字节 = round(a × 255) → 2 位十六进制 · #RRGGBBAA（CSS）或 #AARRGGBB（安卓） · 实色 = 颜色 × a + 背景 × (1 − a)

a 是 rgba() 中 0 到 1 的 Alpha。每个 RGB 通道变成两位十六进制（0–255 → 00–FF）。因为 Alpha 只有 256 级，0.5 被存为 128/255 = 0.502，实色使用的就是这个存储值。

示例

rgba(255, 99, 71, 0.5)：255 → FF，99 → 63，71 → 47，0.5 × 255 = 127.5 → 128 → 80，所以 CSS 代码是 #FF634780，安卓代码是 #80FF6347。叠在白色上，看起来是实色 #FFB1A3。粘贴 background: rgba(255, 99, 71, 0.5); border-color: rgb(0 0 0 / 25%);，得到 #FF634780 和 #00000040；若换成叠在白色上的实色，则是 #FFB1A3 和 #BFBFBF。