SVG滤镜对图片调色

色彩学是一门综合学科，春节利用闲暇时间看过几本相关书籍，本打算写一篇文章的，但是发现自己知道的东西太少，所以这里会做一些简单的讲解。首先，是大家都耳熟能详的一个概念三原色。这里主要针对色光三原色，如图：

也就是说屏幕上的任何一个像素点都是有红绿蓝三原色组成。在写CSS时，通常会碰到rgb(0, 0, 0)之类的，其中值的范围0-255，也就是说将红绿蓝各分成256进行混合，表现出来的颜色足够了，很多颜色人的肉眼也分不清楚。

伊顿色环

伊顿色环是色彩学家伊顿设计出来的一套色环，除此之外还有等。

如图所示，伊顿色环是由颜料的三原色以及三原色的组成的12色色环。这里有一些概念，相近色：相差30度范围内的色彩可以称为相近色，在配色中一般可以用户过渡协调。互补色：色环上相差180度颜色可以就叫做互补色，运算上和255进行位操作。一般用户强烈的对比，谷歌微软的品牌Logo都用双互补色。有些人可能会奇怪，为什么图中的色环没有黑白？这里多提一句，因为黑白不属于颜色，而是明度。将黑白分为12阶，图片分属暗调、明调等。

调色的原理

调色的原理很简单，就可以根据上面的色环进行观察，当我们想要将图片的绿色变为黄色是，我们只需要加入等量的红色即可。当我们减少图片中的红色时，红色的互补色绿色的视觉效果就会变强。对应到色光三原色中，就是减少红色，红色的互补色青色就会增强。

PS图片调色

PS 颜色相关的工具很多：色阶、曲线、色相饱和度、色彩平衡、通道混合器、颜色查找等。这里主要介绍两个工具进行色彩调节：通道混合器、曲线。

通道混合器

下图是通道混合器控制面板。通道混合器和其它色彩调节工具不太一样：色相饱和度，色彩平衡的调色都是往里面加减颜色，但是通道混合器是通过借用其他通道的亮度来改变它的颜色，所以其它通道的颜色是不会被影响的。

下面可以通过一个列子说明这个问题，输出通道为红色时，红色的亮度为100%，绿色和蓝色分别为0%。当我们把红色滑动到50%，绿色和蓝色保持不变时，一张图片中所有包含红色的像素的红色通道亮度都会减少50%，像素rgb整体的r的亮度会减少50%。