css - 2つの反対の不透明度の値は不透明な色を生成しません

Question

その色の2つの不透明度値を持つ不透明な単色を生成したいと思います。

例：同じ0.5不透明度の黒色の上に配置された場合の0.5不透明度の黒色の長方形は、不透明（不透明度1）の黒色と同じ結果にはなりません。

さまざまな不透明度の値でこれを試しましたが、0.5と0.8のようなものは、0.9の不透明度の黒い色、0.4と0.82などを生成することがわかりました。

これらは正確な値ではありません。正反対の不透明度の値を計算するための正確な式は何ですか？

Answer 1

不透明度のある2つの要素が互いに積み重ねられている場合、それらを組み合わせた不透明度はになります1-a。したがって、「反対の不透明度値」などはありません。2つの要素を組み合わせて完全に不透明にする場合は、そのうちの1つ自体を完全に不透明にする必要があります。1-b1-a*b

これは現実の世界も模倣しています。それぞれが通過する光の50％を吸収する2つの暗いフォイルを積み重ねると、それらを合わせた不透明度は100％ではなく75％になります。3つのフォイル-87.5％など。