05.三个维度描绘颜色以及培养色感的方法《颜色-不是你想象的那样(第二版)》
如何描述一个颜色?
通常我们通过三个维度来描述一个颜色,分别是:
色调(Hue,色相)
明度(Value,亮度)
纯度(Chroma,饱和度)
较为系统地描述颜色这三个维度的是孟塞尔颜色系统(孟塞尔颜色空间)。如下图显示这三个维度在孟塞尔颜色空间的位置:
色调:空间的横截面,按顺时针方向,颜色呈现出红-橙-黄-绿-青-蓝-紫彩虹般的色调排序;
明度:从空间的底部到顶部,表示颜色的明度从低到高;
纯度:从空间的内部到外部,表示颜色的纯度(饱和度)从低到高。
孟塞尔颜色系统示意图
From Wikipedia, the free encyclopedia
孟塞尔颜色系统的立体图
色调(Hue)
色调,也叫色相,表示颜色分类,包含五种主色调与五种中间色调,如:
红(R)、红黄(YR)、黄(Y)、黄绿(GY)、绿(G)、绿蓝(BG)、蓝(B)、蓝紫(PB)、紫(P)、紫红(RP) 。
色调(From Wikipedia, the free encyclopedia)
其中每种色调又分为10级(1~10),其中前面的数字“5”指的是该色调的中间色。这些色调在孟塞尔颜色空间的横截面的排布如下图色相环:
色相环
对于色相我们比较熟悉的是这个色环,色环上不同位置代表不同色相。色相的排列顺序是按照可见光波长从低到高,逆时针分布。这是色相环的概念。
明度(Value)
明度(Value),或者称为亮度(Lightness),表示颜色中黑白的含量:
明度越高,表示白的比例越大,黑的比例越小;
明度越低,表示白的比例越小,黑的比例越大。
明度大概分为11级,数值越大表示明度越高,最小值是0(黑色),最大值是10(白色) 。从孟塞尔颜色空间的底部到顶部,表示颜色的明度从低到高。
纯度(Chroma)
纯度(Chroma),或者是饱和度,表示某色调的含量(浓度)。纯度越高,表示该色调的浓度高。
纯度最小值是0 ,理论上没有最大值 。数值越大表示纯度越纯,颜色越鲜艳 。在孟塞尔颜色空间中,从里到外纯度逐渐增大。
要注意的是,明度和纯度是最容易混淆的概念。但主要记住,明度表示颜色中黑白的含量,纯度表示颜色重其他彩色的含量。理解饱和度和明度在色彩空间中的位置,就容易区分。明度在色彩空间中的位置是从顶部到底部,明度从高到低。而饱和度在色彩空间中的位置是从里到外,饱和度从低到高。
举个例子,下图是色调为5Y和5PB,不同纯度(横向)和明度(纵向)的颜色。
纵向——明度:从上到下,明度从高到低;
横向——纯度:从里到外,纯度从低到高。
色调为5Y和5PB的不同明度和纯度
(From Wikipedia, the free encyclopedia)
如何培养色感
能准确了解一个颜色,是培养色感或提高颜色敏感性的基础。接着下面介绍如何利用颜色的这三个维度色调、明度和纯度来感知颜色的微小变化。
(1)感知色调变化
先看下图例子1,中间是一个红色圆形:
如果往中间这个红色里面增加黄,逐渐变成一个橙色,这个橙色也叫做黄相红,意思就是相对于中间的红色,这个橙色是偏黄相的,色调往黄相偏移。
如果往中间这个红色里面增加蓝,逐渐变成一个品红,这个品红也叫做蓝相红,意思就是相对于中间的红色,这个品红是偏蓝相的,色调往蓝相偏移。
例子1
通过上面的图我们很明显看到这三个圆形颜色区别,左边黄相,右边是蓝相。但是这三个颜色的色调区别还是非常大,但如果我们缩小色调的区别,如下图例子2:
例子2
虽然这三个颜色的色调的区别缩小了,但是我们还能根据例子1的方法看到色调的差异,左边的色调偏黄,右边的色调偏蓝。
但如果我再次缩小色调的差异,如下图例子3,如果一开始就给这个图你们看,你们可能很难看出区别,但是如果还是运用上面的方法,根据黄蓝色调的变化来观察颜色的区别,就很轻松看到这些微小的变化。
例子3
所以,对于红色,它的色调变化只有黄和蓝两种色调变化,所以只需要辨别两个红色的黄蓝变化,就能快速感知这个红色的微小变化。
这里就有一个问题,为什么红色没有绿色色调的变化呢?
我们还是用之前介绍孟塞尔颜色体系的色相环来解释,如下图:
色相环
红和绿分别在色相环的相对的位置上,也就是我们常说的补色的概念,而且互为补色的两个颜色——红色和绿色,是不能共存的,就是说,我们不能看到既是红色也是绿色的颜色,或者说是红相绿,绿相红。
如果要红色的色调发生变化,只有蓝色调变化(色相环的逆时针方向)成为蓝相红,和黄色调变化(色相环的顺时针方向)成为黄相红。
如果要绿色的色调发生变化,只有蓝色调变化(色相环的逆时针方向)成为蓝相绿,和黄色调变化(色相环的顺时针方向)成为黄相绿。
从上图的色相环可以感受到蓝相红、黄相红、蓝相绿和黄相绿的颜色是怎样的。
同理,我们再看黄色和蓝色。黄和蓝也分别在色相环的相对的位置上,所以黄色和蓝色也互为补色。互为补色的两个颜色——黄色和蓝色,是不能共存的,就是说,我们不能看到既是黄色也是蓝色的颜色,或者说是黄相蓝,蓝相黄。
如果要黄色的色调发生变化,只有红色调变化(色相环的逆时针方向)成为红相黄,和绿色调变化(色相环的顺时针方向)成为绿相黄。
如果要蓝色的色调发生变化,只有绿色调变化(色相环的逆时针方向)成为绿相蓝,和红色调变化(色相环的顺时针方向)成为红相蓝。
从上图的色相环可以感受到蓝相红、黄相红、蓝相绿和黄相绿的颜色是怎样的。
虽然以上文字说起来比较绕口,但简单来说,感知颜色色调变化简单来说就是以下四条:
红:黄蓝色调变化
绿:黄蓝色调变化
黄:红绿色调变化
蓝:红绿色调变化
(2)感知纯度和明度的变化
以上介绍的感知色调变化的方法,也是可以用来感知颜色其他两个维度(明度和纯度)的变化,而且比较简单了,因为明度只有明度高低的两个变化,纯度也是只有纯度高低的两个变化。
举个例子,在2016年的第三季《最强大脑》中有一位选手崔莉莉挑战项目《五十一度灰》就是根据感知明度的变微小变化。
2016年的第三季《最强大脑》
而这个挑战项目的难处就在于,我们人眼对色调,纯度,明度的敏感度是不一样的,事实上,我们首先观察到色调的区别,然后再到饱和度,最后才是明度的区别。所以所我们人眼对于明度的敏感性相对于色调和纯度是比较弱的。
综上所述,我们先了解描述一个颜色的三个维度,色调、纯度和明度,然后分别根据这三个维度观察两个微小变化的颜色的色调差异、纯度差异和明度差异,来培养我们感知颜色微小变化的色感。
但是这种色感是一种相对色感,意思就是只有通过把这两个颜色放在一起对比才能描述一个颜色的跟另一个颜色的区别。如果单纯只给出一个颜色,是很难描述这个颜色跟之前看过的另一个保存在脑中的颜色的微小区别。
这个相对色感的概念就像商学里面的一个概念——价格锚点。
消费者在对产品价格是没有概念的,只有通过采用以下两个原则来判断价格是否合理:
避免极端:有三个以上的选择时很多人不会选择最低或最高的版本。
权衡对比:选择一些同类型商品进行对比。
价格锚点为了你明白这个中间价格的商品的定价是合理的,因为仅仅一个价格是很难比较高低好坏,就像比对颜色一样,仅仅一个颜色是不能说明什么,要提供其他(红绿或黄蓝)色调或者其他明度纯度的颜色做对比来感知颜色。
知识账本
通常我们通过三个维度来描述一个颜色,分别是:色调(Hue,色相)、明度(Value,亮度)和纯度(Chroma,饱和度),还有我们可以通过这三个维度来训练对颜色的敏感性