透明颜色
颜色透明度计算器 - RGBA 与 HEX Alpha
将颜色透明度百分比转换为 RGBA、HSLA 和八位 HEX Alpha 色值，并在白色、黑色和自定义背景上实时预览。
60%
颜色格式
如何使用
选择基础颜色和透明度，查看它在白色、黑色和自定义背景上的真实合成结果。适合蒙层、禁用状态、玻璃拟态、阴影和透明 CSS token。
- 1 输入基础颜色。
- 2 设置 0%–100% 透明度。
- 3 复制 RGBA、HSLA 或八位十六进制。
常见问题
八位十六进制的 Alpha 在哪里？
最后两位是 Alpha，位于六位 RGB 数值之后。
为什么透明颜色在不同背景上不同？
最终可见颜色会按照 Alpha 将前景和背景通道合成。
50% 透明度对应多少 HEX Alpha？
50% 透明度约等于 80，因此 #00000080 表示大约 50% 透明度的黑色。
什么时候用 RGBA 而不是 HEX Alpha？
当透明度需要长期维护时，RGBA 更直观；如果想保留一个紧凑的 CSS 色值，八位 HEX 更方便。