透明度计算

透明度计算

这是透明度计算器。透明度（alpha）是颜色有多透：1 是实色，0 是看不见。给 HEX 设 alpha，得到 CSS 用的 rgba()、HEX8、hsla()，再叠到背景上压成一颗实色 HEX。50% 的 #3B82F6 叠在白上，公式是 前景 × a + 背景 × (1 − a)。

如何使用

1. 前景、背景可贴 HEX、点色块、随机、示例，或在支持的浏览器里从屏幕取色。
2. 透明度可以是 0–1、0–255 或 %。滑条是 0–100%。预设 10%、25%、50%、75%、90%。
3. 棋盘格上看单独的 rgba()。另一条是叠在背景上。大色块是压实后的颜色。
4. 可复制 rgba()、hsla()、HEX8、实色 HEX、CSS 变量。显示示例是 #3B82F6、50%、白底。复制结果复制 rgba()。
5. 批量一行写前景、背景、透明度。填入示例三行，表里是实色 HEX 和 rgba()。

注意事项

贴 #3B82F680 或带 alpha 的 rgba() 会改滑条。透明度 0 是背景，1 是前景。元素的 opacity 会连子元素一起淡；rgba() 只淡这颗颜色。混合按 sRGB，和 CSS 合成一致。HEX 转 RGBA 只写通道；加白加黑是往白或黑混。非法 HEX 会报错。相关：HEX 转 RGBA、加白加黑。

用在哪里

• 遮罩、玻璃卡片、照片上 40% 黑。
• 把 Figma 半透明色压成邮件或不吃 rgba() 的 CSS。
• 看 50% 品牌蓝叠在白底和深灰底上分别是哪颗色。

常见问题