Question

我有两种颜色，c 0和c 1。它们具有可变的α，红，绿和蓝值：（a 0，r 0，b 0，g 0）和（a 1，r 1，b 1，g 1）。我想知道是否有一个简单的公式来组合这些颜色以获得正确的新颜色（c 2）。

让我们说c 0覆盖c 1。我知道如果他们有相同的alpha值，那么平均他们比较的红色，绿色和蓝色值就可以了。但是当alpha值不同时，我注意到这并没有正常工作 - 似乎alpha决定了每种颜色的RGB值＆＃34;贡献的水平＆＃34;到最后的颜色。

另有说明，

If a₀=a₁ then:
    a₂=a₀=a₁,
    r₂=(r₀+r₁)/2,
    g₂=(g₀+g₁)/2,
    b₂=(b₀+b₁)/2
Else:
    a₂=(a₀+a₁)/2,
    r₂=?,
    g₂=?,
    b₂=?

Answer 1

简答：

如果我们想用c ₁覆盖c ₀，那么两者都有一些alpha

a ₀₁ =（1 - a ₀）·a ₁ + a ₀

r ₀₁ =（（1 - a ₀）·a ₁·r ₁ + a < sub> 0 ·r ₀）/ a ₀₁

g ₀₁ =（（1 - a ₀）·a ₁·g ₁ + a < sub> 0 ·g ₀）/ a ₀₁

b ₀₁ =（（1 - a ₀）·a ₁·b ₁ + a < sub> 0 ·b ₀）/ a ₀₁

请注意，在颜色分量的公式中用₀₁除。这很重要。

答案很长：

c ₀时的颜色基本公式用alpha a ₀覆盖opaque c ₁

r _{0 over 1} =（1 - a ₀）·r ₁ + a ₀·r <子> 0

//对于g＆amp; b组件

因此，如果有另一种颜色c ₂并且c ₁实际上不是不透明但具有alpha a ₁我们可以覆盖第一个c ₁在c ₂上，然后c ₀在得到的颜色上。

r _{1 over 2} =（1 - a ₁）·r ₂ + a ₁·r <子> 1

r _{0 over（1 over 2）} =（1 - a ₀）·（（1 - a ₁）·r < sub> 2 + a ₁·r ₁）+ a ₀·r ₀

如果我们有一个颜色c ₀₁，它覆盖c ₂，结果与覆盖第一个c ₁相同，然后c ₀就像这样：

r _{01 over 2} =（1 - a ₀₁）·r ₂ + a ₀₁·r <子> 01

好的，让它们相等：

（1 - a ₀₁）·r ₂ + a ₀₁·r ₀₁ =（1 - a ₀）·（（1 - a ₁）·r ₂ + a ₁·r ₁）+ a ₀·r ₀ =（1 - a ₀）·（1 - a ₁）·r ₂ +（1 - a ₀）a ₁·r ₁ + a ₀·r ₀

所以

1 - ₀₁ =（1 - a ₀）·（1 - a ₁）= 1 - （（1 - a ₀）·a ₁ + a ₀）

a ₀₁·r ₀₁ =（1 - a ₀）·a ₁·r ₁ + a ₀·r ₀