网站建设配色中的美颜滤镜——双色调

相信大家平时生活中拍照都应该接触过美颜滤镜，即使没用过也应该听说过，自然也都知道各种滤镜的强大之处。但是大家有没有思考过，对于设计配色来说有没有类似的美颜滤镜呢？当然有，那就是本期教程我们所要探讨的双色调，只不过这里我们说的滤镜并不是真的滤镜，而是指在配色中操作简单容易出效果而且还能够掩盖一些配色瑕疵的形式或方法。如果你对自己的配色能力还没有足够的自信，掌握好双色调是不错的优先选择。

首先我们先来了解一下什么是双色调，其实单从它的字面含义上就能理解，“双色”是指两种颜色，“调”就是指色调，也就是将一个图像通过灰度分离出暗部、亮部和中间调，用一种颜色代替暗部，用另一种颜色代替亮部，中间调用这两个颜色的过渡色代替。

我们用这张图片来演示，通常一张正常的彩色图片都具有色彩三要素：色相、纯度、明度。

如果处理成黑白或灰度，也就意味着没有了色相和纯度，只是单纯的明度表现，画面分成了暗部、亮部以及中间的过渡地带。

先替换暗色部分，选用的是一个蓝色，于是图片中的暗色部分就变成了蓝色。

亮色部分选择一个绿色，现在就实现了双色调的效果，画面中暗色的部分变成了蓝色，亮色部分变成了绿色，中间过渡的灰色部分变成了蓝绿之间的混合色。

如果反过来，将较暗的颜色替换亮色部分，较亮的颜色替换暗色部分，就会出现这种类似负片的效果。

双色调和双色的区别就在这个“调”上，这里不是在玩文字游戏，的确如此，因为双色配色的画面中只有两种颜色，而双色调除了这两种颜色之外，还有它们之间的过渡色。

比如绿色和红色这两个颜色的搭配，毫无疑问是双色。

但如果同样是用绿色和红色去进行双色调搭配，那就是绿色、红色以及它们之间的渐变。

拿这两张海报举例，它们所使用的色相差不多，但是左侧的是双色调，右侧的是双色，左侧的海报中暗色和亮色部分分别填充了这两个颜色，中间调部分是它们之间的过渡色，而右侧的海报只有这两种颜色。

既然提到了渐变，相信有人会有疑问，那双色调和渐变又有什么区别呢？同样我们还是用图说话。

这里我们用这张图片分别演示一下渐变和双色调两种效果。第一步先将图片处理成黑白，左侧从下往上是红色到黄绿色的渐变，右侧是使用这两个颜色的双色调效果。渐变相当于在图片上放了一块有色玻璃，这块玻璃是从红色到绿色的渐变，透过玻璃看的效果只是对颜色产生了影响，并不会对图片的细节产生改变；而右侧的双色调效果相当于给图片换了颜色，给人一种不真实的感觉，因为这是现实中我们不常见到的效果。