HEX 颜色不透明度(Alpha)计算器
把不透明度百分比换算成两位 Alpha 十六进制(50% = 80),得到 #RRGGBBAA、安卓 #AARRGGBB、rgba(),以及叠在背景上的合成颜色。
8 位 HEX 颜色把不透明度存放在最后两位:#2563EB80 就是蓝色 #2563EB 约 50% 不透明度的样子。这个计算器把任意不透明度百分比转成两位 Alpha 代码,按 CSS 顺序(#RRGGBBAA)、安卓顺序(#AARRGGBB)和 rgba() 写出颜色,并显示半透明颜色叠在白色、黑色或你自定的背景上时得到的实色。完整表格涵盖 0–100%,每 5% 一档。
使用方法
- 输入不透明度(百分比)。
- 输入基础颜色(任意 HEX、rgb() 或 CSS 颜色名)。
- 选择背景,查看合成后的不透明等效色。
- 复制 CSS 用的代码,或安卓和 .NET 用的 #AARRGGBB 形式。
计算公式
Alpha 字节 = round(不透明度% × 255) → 两位十六进制 · 合成后的通道 = 颜色 × a + 背景 × (1 − a),a = 字节 ÷ 255
因为 Alpha 只有 256 级,大多数百分比都会被取整:50% 变成 128/255 = 50.2%。100% 是 FF,0% 是 00。
示例
在 50% 时,0.5 × 255 = 127.5 取整为 128,即十六进制的 80,所以蓝色 #2563EB 变成 #2563EB80(安卓:#802563EB)。叠在白色上,看起来是实色 #92B1F5:红色 37 × 0.502 + 255 × 0.498 ≈ 146 = 92,其余通道同理。75% 是 BF,Alpha HEX 的 CC 正好是 80%。
常见问题
50% 不透明度的 HEX 代码是多少?
80。不透明度 50% × 255 = 127.5,取整为 128 = 0x80。有些工具向下取整为 7F(127);两者相差都在 0.5% 以内。
为什么安卓把 Alpha 放在最前面?
安卓、.NET 和许多图形 API 把颜色存为 32 位 ARGB 整数,所以 Alpha 在前:#80FF0000 是半透明红色。CSS Color 4 选择了 #RRGGBBAA,因此同样的数字在 CSS 和安卓里表示不同的颜色。
所有浏览器都支持 8 位 HEX 吗?
是的,所有当前浏览器(Chrome 62+、Firefox 49+、Safari 10+)都能读取 #RRGGBBAA 和 4 位简写 #RGBA。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/alpha-to-hex-tool/
引用此工具
kakaoCalc. (2026, November 8). HEX 颜色不透明度(Alpha)计算器. https://kakao.mobile/zh/tools/alpha-to-hex-tool/
“HEX 颜色不透明度(Alpha)计算器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/alpha-to-hex-tool/.