ZH
我的工具

HEX 颜色不透明度(Alpha)计算器

把不透明度百分比换算成两位 Alpha 十六进制(50% = 80),得到 #RRGGBBAA、安卓 #AARRGGBB、rgba(),以及叠在背景上的合成颜色。

输入两位十六进制数字,查看它代表多少不透明度。
我的工具 →
广告

8 位 HEX 颜色把不透明度存放在最后两位:#2563EB80 就是蓝色 #2563EB 约 50% 不透明度的样子。这个计算器把任意不透明度百分比转成两位 Alpha 代码,按 CSS 顺序(#RRGGBBAA)、安卓顺序(#AARRGGBB)和 rgba() 写出颜色,并显示半透明颜色叠在白色、黑色或你自定的背景上时得到的实色。完整表格涵盖 0–100%,每 5% 一档。

使用方法

  1. 输入不透明度(百分比)。
  2. 输入基础颜色(任意 HEX、rgb() 或 CSS 颜色名)。
  3. 选择背景,查看合成后的不透明等效色。
  4. 复制 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。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). HEX 颜色不透明度(Alpha)计算器. https://kakao.mobile/zh/tools/alpha-to-hex-tool/

MLA

“HEX 颜色不透明度(Alpha)计算器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/alpha-to-hex-tool/.

广告