[混合模式]滤色模式

beyes

官方文档如下描述该模式：

查看每个通道的颜色信息，并将混合色的互补色与基色进行正片叠底。结果色总是较亮的颜色。用黑色过滤时颜色保持不变。用白色过滤将产生白色。此效果类似于多个摄影幻灯片在彼此之上投影。

滤色模式和正片叠底模式（ 混合色 * 基色 / 255）是相对的，计算公式为：

1. 255 - 混合色的补色 * 基色的补色 / 255

复制代码

可以这么看这个公式，基色的补色/255 这个值必然小于 1（补色是 255 - 原来的色值），因此 混合色的补色乘以一个小于1的数，这个补色的值会更小；反过来也可以理解为，基色的补色乘以一个小于 1 的数，这个补色值会更小；因此，公式中的后部分的结果值被 255 减去后，得到的结果色的值，肯定会比混合色或基色都来得更大，因此结果色会更亮。
从公式中也可以看出，混合色为 255 （白色），得到的结果色就为 255，也就是白色。反之，如果混合色为 0，也就是为黑色的话，结果色的值就为基色。如果混合色是 128 灰色，那么结果色是 （128 + 基色/2），大于灰色，结果变亮。
简单的总结：混合色是白色，结果色就是白色；混合色是黑色，则黑色被过滤掉，只剩下基色。如果说滤色是去黑，那么与之相对的正片叠底就是去白。

与 10 进制类似，对于 255 我们同样可以看成是一个 255 进制，为了方便阐述问题，你可以将其当成 1 也是没问题的。假设混合色的补色用字母 a 来表示，基色的补色用字母 b 来表示，那么上述公式可以简化为：1 - (1-a)*(1-b) 。假设 b 分别取值 [0, 0.2, 0.4] 和 [1, 0.8, 0.6]，a 取值 [0.4,0.6,0.8] ，那么经过公式运算后，会得到两个颜色值：[0.4,0.68,0.88] 和 [1,0.92,0.92] ，对比发现，结果色的值增大了，也就是变亮起来。

滤色模式常用来产生发光效果。如同将所有图层分开摆放（正片叠底是叠加摆放），各种艺术光通过各图层，汇聚到一块屏幕上。

“滤色” 就是所谓的 “加色” 模式，现实中相当于发光体发光的叠加效果。RBG 三原色的合成通过滤色模式公式，可以得到 CMY 三种颜色，如 红（R=255,G=0,B=0） + 绿（R=0,G=255,B=0）= 黄（R=255,G=255,B=0）。

滤色模式和正片叠底模式是相对的两个模式，也就是说通过滤色模式计算公式得到的 CMY，再对 CMY 应用正片叠底公式又能得到 RGB 。

beyes

假设混合色为 A，基色为 B，将 255 看成 1，那么公式可以进一步简化为 A + B - (AxB) 。

因为 255 看成 1，那么正片叠底公式也就变成了 AB 。实际上，PS 的英文版里，正片叠底的名字就是 multiply，相乘之意。上述公式，AxB 就是正片叠底（结果总是小于 A 或 B），也就是先做一个正片叠底，变暗后再整体反向，于是变亮。

对于 A + B - (AxB)，可以变成 A + B(1-A)，也可以写成 B + A(1-B)，这样一来，不论如何，A 或 B 加上一个正数，那么始终会大于自己，也就是不论对于基色还是混合色，结果色都比它们变亮。