如何混合2个透明层

Question

例如，我们有两个透明层：第一个是black (0, 0, 0, 0.75)，第二个是white (255, 255, 255, 0.64)。我不知道如何把它们混合在一起。

但我知道如何混合一个不透明层和一个透明层。它看起来是这样的：https://wikimedia.org/api/rest_v1/media/math/render/svg/1e35c32f13d5eedc7ac21e9e566796dd048a31e6

Answer 1

假设背景颜色为(C, 1)(RGB，A(，第一层为(A, s)，第二层为(B, t)。两次应用混合方程式：

C' = t * B + (1-t) * [s * A + (1-s) * C]
= [t * B + (1-t) * s * A] + (1-t) * (1-s) * C

我们可以看到，新的有效混合系数是1 - (1-s) * (1-t)。要获得组合的透明度颜色，请将第一项除以：

r := 1 - (1-s) * (1-t)
D := [t * B + (1-t) * s * A] / r
--> C' = r * D + (1-r) * C

即新的有效透明层由CCD_ 7给出。

在您的示例中，值将是D = (179, 179, 179)和r = 0.91。