当前位置:
首页
文章
前端
详情

SVG滤镜对图片调色

色彩基础

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

SVG滤镜对图片调色

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

伊顿色环

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

SVG滤镜对图片调色

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

调色的原理

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

PS图片调色

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

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。