Alpha 速查

HEX 透明度表 - CSS Alpha 对照表

将透明度百分比转换为两位 HEX Alpha 和八位 HEX 色值，并提供 RGBA 实时预览。

颜色

不透明度	Alpha 十六进制	八位 HEX	RGBA
100%	`FF`	`#000000FF`	`rgba(0, 0, 0, 1)`
95%	`F2`	`#000000F2`	`rgba(0, 0, 0, 0.95)`
90%	`E6`	`#000000E6`	`rgba(0, 0, 0, 0.9)`
80%	`CC`	`#000000CC`	`rgba(0, 0, 0, 0.8)`
75%	`BF`	`#000000BF`	`rgba(0, 0, 0, 0.75)`
70%	`B3`	`#000000B3`	`rgba(0, 0, 0, 0.7)`
60%	`99`	`#00000099`	`rgba(0, 0, 0, 0.6)`
50%	`80`	`#00000080`	`rgba(0, 0, 0, 0.5)`
40%	`66`	`#00000066`	`rgba(0, 0, 0, 0.4)`
30%	`4D`	`#0000004D`	`rgba(0, 0, 0, 0.3)`
25%	`40`	`#00000040`	`rgba(0, 0, 0, 0.25)`
20%	`33`	`#00000033`	`rgba(0, 0, 0, 0.2)`
15%	`26`	`#00000026`	`rgba(0, 0, 0, 0.15)`
10%	`1A`	`#0000001A`	`rgba(0, 0, 0, 0.1)`
5%	`0D`	`#0000000D`	`rgba(0, 0, 0, 0.05)`
0%	`00`	`#00000000`	`rgba(0, 0, 0, 0)`

如何使用

当你只想快速查八位 HEX 最后两位 Alpha 时，使用这张表即可。选择基础颜色，查看常用透明度百分比，复制 Hex8 或 RGBA 用于蒙层、禁用态和透明 token。

50% 透明度的 HEX Alpha 是多少？

50% 透明度会四舍五入为 80，所以大约 50% 透明黑是 #00000080。

为什么 25% 对应 40？

Alpha 是 0–255 通道，255 的 25% 约为 64，十六进制就是 40。

HEX Alpha 和 CSS opacity 一样吗？

不一样。HEX Alpha 只属于这个颜色值；CSS opacity 会影响整个元素及其子元素。

现代浏览器支持八位 HEX 吗？

支持。现代浏览器普遍支持八位 HEX，但 RGBA 对团队协作通常更易读。