SVG滤镜对图片调色

2019独角兽企业重金招聘Python工程师标准>>>

色彩基础

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

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

伊顿色环

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

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

调色的原理

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

PS图片调色

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

转载于:https://my.oschina.net/u/3611008/blog/1835732