OpenReplay Logo
12k
12k

HEX 转 RGBA 转换器

将十六进制颜色转换为 rgba() 表示法。粘贴任意 3 位、6 位或 8 位十六进制值,设置不透明度——转换在你的浏览器中完成。

HEX 输入 本地处理
RGBA 结果 最近使用 暂无记录
rgba(57, 77, 254, 0.5) Alpha 0.5

关于此工具

RGBA 在 RGB 表示法的基础上增加了表示透明度的 alpha 通道(0–1)。把十六进制颜色转换为 rgba() 是在 CSS 中为现有品牌色或设计令牌颜色添加不透明度的最快方式。

用它把实色十六进制值变成半透明的遮罩、边框和阴影——或把 8 位十六进制值展开为等价的 rgba()

8 位十六进制值(#394dfe80)自带 alpha——它的优先级高于 alpha 输入框。

常见问题

如何把 HEX 转换为 RGBA?

把十六进制值拆成两位一组,将每组从十六进制转换为 0–255 的十进制数,然后附加 0–1 的 alpha 值。以 50% 不透明度的 #394DFE 为例:39 变为 57,4D 变为 77,FE 变为 254——得到 rgba(57, 77, 254, 0.5)。本工具会在你输入时即时完成。

alpha 从哪里来?

来自 alpha 输入框(0–1)——或来自 8 位十六进制值(如 #394dfe80)的最后两位,存在时以后者优先。

接受哪些格式?

#rgb#rgba#rrggbb#rrggbbaa——带不带前导 # 都可以。

我能反向转换吗?

可以——RGBA 转 HEX 转换器执行反向操作,把 rgba() 颜色扁平化为 8 位十六进制。