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 位十六进制。