你可能收藏这么一篇基础色彩原理就足够了

1 引言

有光才有色彩，色彩是通过光线不同波长，产生的一种视觉效应。如果没有明暗光线，任何物体的色彩是无法识别的。同时，色彩是与人的心理感知密切不可分，因此，通过学习色彩理论，我们并不仅仅是认识色彩，更是对人类的视觉心理进行设计，不管您是哪个设计和创意行业的，都需要对色彩理论有一个基础性的掌握，希望能通过这篇文章，让您对色彩的理解有更进一步的认识。

2 原色（色彩的加减法）

原色指所有颜色的基本色，基本色是不能通过其他色彩的混合调配得出的。原色有两种：

1）色光的三原色(RGB)：红、绿、蓝，用于电脑、电视等屏幕显示；在Photoshop中，我们采用色彩的加法，在黑色背景基础上着色 100% R ，100% G，100%B，并将图层模式改为线性减淡（添加），让不同的色光混合越来越亮。我们可以发现，三种原色相加后混合为不同的色彩，中心为白色。

 

图1

 

2）色彩的三原色(CMY)是品红、黄、青，即我们常说的“红黄蓝”。主要用于彩色印刷物所用的色彩 模式，这种方式采用的是色彩的减法理论进行混色。

在Photoshop中，我们采用色彩的减法，在白色背景基础上着色 100% C ，100% M，100%Y，并改为正片叠底模式， 三原色混合则越来越暗，三种原色相加后混合为不同的色彩，中心变为黑色。

 

图2

 

3 两种色轮

任何设计、创意和艺术类的专业都需要了解色轮，但如果你足够细心，会发现线上搜索到的色轮不止一种。比如以下两种：

 

图3

 

​ 很多线上教学中都没有解释清楚两个色轮的异同，大多数学员在背诵“橙色互补色是蓝色、红色互补色是绿色...”等等口诀时候，网上搜了一个色轮（百度通常为右），就大眼瞪小眼了：为啥老师让我们背诵的口诀，网上搜到的色轮有点不一样？

其实我们仔细观察，两个色轮都有很多共同的颜色，并且两个色轮中可以找到上一部分提到的两种原色（如线条指示，左CMY/ 右RGB），我们用连线进行标记：

 

图4

 

​ 可以发现，左图的色轮实际来源于原色的色彩减法，三个主色分别为CMY；而右图色轮实际来源为色彩加法，三个主色分别为RGB。

我们看线条，确定了三个主色时，那么主色与主色之间的其他三个颜色又是从何而来？

例如右图RGB色轮中的红色/绿色之间的三个色，如图5：

 

图5

 

我们以黄色为例，在RGB色系中，黄色即为主色R/G两种色等比例通过加法原则混合而成，这种两两混合而成的中间颜色，我们称为二次间色。另黄色相邻的其他两种颜色如橙色和草绿色，这里以橙色为例，即为黄色和红色等比例混合而成，这种由含有二次色混合而成的颜色（如橙色），称为三次间色。

通过原色、二次间色、三次间色的组合，即形成了以上基本十二色色轮，更多色的色轮以此类推，如我们用最常见的减法色轮（左边色轮）通过渐变处理后，我们得到一个标准色轮。

 

图6

 

4 色彩的三个属性

色彩的三个基本属性是色相、明度和饱和度。计算机调色可以不需要买一堆颜料，而是通过这三个基本属性控制不同的颜色走向。

1）色相

色相相当于色彩的名字，用以区别各种不同色彩的名称。色相是色彩的首要特征，人眼区分色彩的最佳方式就是通过色相实现的。如下图是色彩减法构成的CMY色环。

 

图7

 

2）明度

色彩的明度是指色彩的深浅程度。明度和色环相互叠加，构成明暗不同的各种颜色。比如蓝色由浅到深有粉蓝色、天蓝色等。在PS中，我们以上图CMY色环为例，在色环中叠加一个黑色，构成下图。

 

 

图8

 

​ 叠加了黑色之后，我们发现同一种颜色，随黑色的增加而逐渐变暗，纯度逐渐变低。另一方面，当我们叠加白色，则有下图：

 

图9

 

叠加了白色之后，从内向外我们发现同一种颜色随白色的增加而逐渐变亮，纯度逐渐变低。形成了不同明度的颜色。

3）饱和度

饱和度指色彩的纯洁性，也叫彩度。饱和度取决于该色中含色成分和灰色结合的比例。灰色成分越小，饱和度越小；灰色成分越大，饱和度越大。下图中，我们再原CMY色环中叠加各种程度的灰色，外围添加小于50%的灰色，内部添加大于50%逐渐增加的灰色，得到下图：

 

 

图10

 

​ 如果把上面色环看作是有多个圆环组成的，那么在同一半径下的环，可以发现没有跳跃性的过度。

最终，我们把图7/8/9/10用正常模式叠起来，得到下面的高级色环图，即色相+明暗度+饱和度组合后，由不同颜色深浅明暗变化的一个色环图，可以看出从外向内色彩的饱和度和暗度逐渐增加。

 

图11

 

5 常见色彩搭配

1）互补色

互补色指的是色环中相对的颜色。

 

图12

 

色彩中的互补色相互调和会使色彩纯度降低，变成灰色。 比如，在色环中我们去如下一个互补组合，用画笔工具画出来：

 

图13

 

​ 用涂抹工具抹均匀，上下上下左右左右ABAB揉搓~

 

图14

 

可以发现两种颜色被抵消为了一种趋向于比较中性的灰色的颜色，所以在调色中互补色可以相互中和。在前后期中，互补色用调和冷暖平衡，如：

 

图15 出镜：暴君安离

 

途中调色对冲光进行了染色，并改变色相将颜色染为橙蓝色，形成冷暖的互补。

2）对冲色

对冲色是一种看起来比较极端的颜色，它是取色环相对的补色左边或者右边的色，比如

 

图16

 

​

对冲色给人一种不和谐感觉，通常用于制造一种矛盾、冲突、紧张压抑的氛围，例如：

 

图 17 摄影/后期：月光蝶不叫胱蝶

 

上图调色思路就是选取了一种很有刺激性的观感，对比强烈吸引感官，并同时有一张紧张和压抑的感觉。

3）同色对比

同色对比色就是在色相中选取一个颜色，然后对其增加明暗黑白关系后，形成的一组颜色：

 

图18

 

同色对比就是同颜色的不同明暗饱和演变而来的，如下图：

 

图 19 摄影/后期：月光蝶不叫胱蝶

 

这种调色思路就是保证了色彩风格的统一，但是又赋予变化和多样性。

 

此外，色彩的搭配还有很多，比如：

邻近色（12色相环上相距90°范围内的色）：色彩搭配有一定程度的色相差异，给人协调而生动的感觉；

类似色（12色相环上相距60°范围内的色），给人平静、统一的感觉，在配色中常应用；

此外还有中和对比色、双间色互补色、三角对冲色、矩形互补色....等等等等。

作为一篇入门色彩原理教程，虽然篇幅和精力有限，但是掌握了同样的方法和思路，也可以对其他配色进行学习和应用。