css - 2 个相反的不透明度值不会产生不透明的颜色

Question

我想用该颜色的 2 个不透明度值生成不透明的纯色。

例如：当放置在相同的 0.5 不透明度黑色上方时，0.5 不透明度黑色矩形不会给我与不透明（不透明度 1）黑色相同的结果。

我已经尝试了不同范围的不透明度值，发现像 0.5 和 0.8 会产生 0.9 不透明度黑色、0.4 和 0.82 等等。

这些不是准确的值。计算完全相反的不透明度值的确切公式是什么？

Answer 1

如果两个具有不透明度的元素1-a相互1-b堆叠，则它们的组合不透明度将为1-a*b，因此不存在“相反的不透明度值”之类的东西。如果您希望将两个元素组合起来完全不透明，那么其中一个元素本身必须完全不透明。

这也模仿了现实世界：当您堆叠两个黑色箔片时，每个箔片吸收 50% 的光通过，它们的组合不透明度为 75%，而不是 100%。三张箔纸 - 87.5% 等等。