如何将两种颜色与不同的alpha值组合在一起

我有两种颜色,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值对最终颜色"贡献"的程度.

否则说明,

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?=?

小智.. 13

简短回答:

如果我们想要在c ₁上覆盖c ₀,那么两者都有一些alpha

a ₀₁ =(1 - a ₀)·a ₁ + a ₀

r ₀₁ =((1-a ₀)·a ₁ ·r ₁ + a ₀ ·r ₀)/ a ₀₁

g ₀₁ =((1-a ₀)·a ₁ ·g ₁ + a ₀ ·g ₀)/ a ₀₁

b ₀₁ =((1 - a ₀)·a ₁ ·b ₁ + a ₀ ·b ₀)/ a ₀₁

请注意,在颜色分量的公式中除以₀₁.这一点很重要.

答案很长:

为当c的颜色的基本公式₀叠加不透明Ç ₁具有α一个₀是

r _0超过1 =(1 - a ₀)·r ₁ + a ₀ ·r ₀

// g&b组件也是如此

所以,如果有另一颜色C ₂和c ₁实际上不是不透明的,但有一个alpha一个₁我们可以覆盖第一C ₁在c上方₂以及c ₀以上所产生的颜色.

r _1超过2 =(1 - a ₁)·r ₂ + a ₁ ·r ₁

r _{0 over(1 over 2)} =(1 - a ₀)·((1 - a ₁)·r ₂ + a ₁ ·r ₁)+ a ₀ ·r ₀

如果我们有一个颜色c ₀₁覆盖c ₂,结果与覆盖第一个c _1相同,然后是c ₀,它将是这样的:

r _{01 over 2} =(1 - a ₀₁)·r ₂ + a ₀₁ ·r ₀₁

好吧,让它们相等:

(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 - a ₀₁ =(1 - a ₀)·(1 - a ₁)= 1 - ((1 - a ₀)·a ₁ + a ₀)

a ₀₁ ·r ₀₁ =(1 - a ₀)·a ₁ ·r ₁ + a ₀ ·r ₀

简短回答:

如果我们想要在c ₁上覆盖c ₀,那么两者都有一些alpha

a ₀₁ =(1 - a ₀)·a ₁ + a ₀

r ₀₁ =((1-a ₀)·a ₁ ·r ₁ + a ₀ ·r ₀)/ a ₀₁

g ₀₁ =((1-a ₀)·a ₁ ·g ₁ + a ₀ ·g ₀)/ a ₀₁

b ₀₁ =((1 - a ₀)·a ₁ ·b ₁ + a ₀ ·b ₀)/ a ₀₁

请注意,在颜色分量的公式中除以₀₁.这一点很重要.

答案很长:

为当c的颜色的基本公式₀叠加不透明Ç ₁具有α一个₀是

r _0超过1 =(1 - a ₀)·r ₁ + a ₀ ·r ₀

// g&b组件也是如此

所以,如果有另一颜色C ₂和c ₁实际上不是不透明的,但有一个alpha一个₁我们可以覆盖第一C ₁在c上方₂以及c ₀以上所产生的颜色.

r _1超过2 =(1 - a ₁)·r ₂ + a ₁ ·r ₁

r _{0 over(1 over 2)} =(1 - a ₀)·((1 - a ₁)·r ₂ + a ₁ ·r ₁)+ a ₀ ·r ₀

如果我们有一个颜色c ₀₁覆盖c ₂,结果与覆盖第一个c _1相同,然后是c ₀,它将是这样的:

r _{01 over 2} =(1 - a ₀₁)·r ₂ + a ₀₁ ·r ₀₁

好吧,让它们相等:

(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 - a ₀₁ =(1 - a ₀)·(1 - a ₁)= 1 - ((1 - a ₀)·a ₁ + a ₀)

a ₀₁ ·r ₀₁ =(1 - a ₀)·a ₁ ·r ₁ + a ₀ ·r ₀