HEX 转 RGBA
把 #RGB、#RGBA、#RRGGBB、#RRGGBBAA 四种 HEX 写法精确转换为 rgba()，简写位自动展开，alpha 按 255 分字节解码不取整，附大尺寸色块预览。
打开工具 — HEX 转 RGBAHEX 转 RGBA vs RGBA 转 HEX
HEX 转 RGBA 与 RGBA 转 HEX — 有什么区别？
直接结论: 两者互为镜像。HEX 转 RGBA 把 #RGB、#RGBA、#RRGGBB、#RRGGBBAA 解码为 alpha 精确的 rgba()；RGBA 转 HEX 把 rgb()、rgba() 编码回 #RRGGBB 或八位 #RRGGBBAA。按目标格式选方向即可。
HEX 转 RGBA 与 RGBA 转 HEX 的对比
| HEX 转 RGBA | RGBA 转 HEX | |
|---|---|---|
| 用途 | 把 #RGB、#RGBA、#RRGGBB、#RRGGBBAA 四种 HEX 写法精确转换为 rgba()，简写位自动展开，alpha 按 255 分字节解码不取整，附大尺寸色块预览。 | 把 rgb()、rgba() 颜色转换为大写 HEX，通道 0–255、alpha 0–1，半透明时输出 #RRGGBBAA 八位写法，alpha 乘 255 四舍五入，百分比写法会被拒绝。 |
| 输入 | #RGB、#RGBA、#RRGGBB 或 #RRGGBBAA | rgb() 或 rgba()——百分比写法会被拒绝 |
| 输出 | alpha 按字节精确解码的 rgba()，附实时色块 | 大写 #RRGGBB；alpha 小于 1 时为 #RRGGBBAA |
| 典型场景 | 从 hex 记号写出 CSS 或 canvas 需要的 rgba() | 把颜色压缩成紧凑的 hex 记号供系统或工具使用 |
关键差异
HEX 转 RGBA vs RGBA 转 HEX
核心功能
取决于任务两者都做颜色记法转换，方向相反——一个解码 HEX，一个编码 HEX。
输入
取决于任务HEX 一侧接受四种简写与完整写法；RGBA 一侧接受函数记法，但拒绝百分比写法。
输出
取决于任务两者都给出可复制字符串和实时色块；rgba() 让 alpha 显式可见，HEX 仅在存在透明度时多两位数字。
适用场景
取决于任务现代 CSS 或 canvas 代码需要 rgba() 就走 HEX 转 RGBA；设计系统需要紧凑记号就走 RGBA 转 HEX。
这两个工具
RGBA 转 HEX
把 rgb()、rgba() 颜色转换为大写 HEX，通道 0–255、alpha 0–1，半透明时输出 #RRGGBBAA 八位写法，alpha 乘 255 四舍五入，百分比写法会被拒绝。
打开工具 — RGBA 转 HEX相关对比
更多 Toolars 工具对比
常见问题
HEX 转 RGBA 和 RGBA 转 HEX 有什么区别？
一个把 HEX 解码为 rgba()，逐位展开 #RGB 和 #RGBA 简写；另一个把 rgb()、rgba() 编码为 HEX，alpha 乘 255 四舍五入，仅在存在透明度时输出八位。精度标准一致，方向相反。
HEX 转 RGBA 和 RGBA 转 HEX 可以一起用吗？
可以——合在一起就是往返校验。把一个 hex 值转成 rgba() 再转回来；如果得不到原来的数字，说明其中一个输入使用了工具有意拒绝的语法。