【实操】如何培养色感来感知颜色的微小变化
在绘画过程中,最有感触的是,我们如何才能快速调到我们需要的颜色,画出我们所看到的颜色呢?
▲调色盘(来源:http://699pic.com/)
▲莫奈《日出·印象》(来源于维基百科)
或者说,在陪女朋友逛街时,如何说出这些口红颜色的区别呢?
▲唇膏(来源:http://699pic.com/)
还有在日常生活和工作中,我们经常遇到关于颜色的调配的问题,如平面设计,油漆油墨的调色,塑料的着色,以及纺织行业的印染等等。
我们也会非常羡慕那些色感好的人,对颜色非常敏感的人,可以判断颜色的微小变化。他们能轻松通过以下这些颜色测试:
▲网上颜色敏感度测试Online Color IQ Test
http://xritephoto.com/cool-tools
▲辨色能力测试工具X-Rite FM 100 Hue Color IQ Test
但是我可以说,这些色感是可以通过训练培养的!
下面介绍如何做到感知颜色的微小变化呢?
1、如何描述一个颜色
通常我们通过三个维度来描述一个颜色,分别是:
色调(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)
举例如何描述一个颜色
以上介绍的就是我们用色调、明度和纯度来描述一个颜色。举个例子,我们如何通过颜色的这三个维度来描述下图箭头所指的天空颜色呢?
▲济州岛的石头
首先,这个颜色的色调是5B的蓝色;
其次,这个颜色的明度是7;
最后,这个颜色的纯度是6。
所以上图天空的颜色是一个色调为5B,明度为7,纯度为7的蓝色。这样就能准确描述了一个颜色,自己也能准确地理解这个颜色,而不是仅仅说这是一个“浅蓝”的颜色。
其实不仅仅是孟塞尔颜色系统,还有很多颜色系统用来理解颜色,相关链接如下:
德国RAL色彩设计系统
自然颜色系统(NCS)
能准确了解一个颜色,是培养色感,提高颜色敏感性的基础。接着下面介绍如何利用颜色的这三个维度色调、明度和纯度来感知颜色的微小变化。
2、感知颜色变化
感知色调变化
例子1:
中间是一个红色圆形:
如果往中间这个红色里面增加黄,逐渐变成一个橙色,这个橙色也叫做黄相红,意思就是相对于中间的红色,这个橙色是偏黄相的,色调往黄相偏移。
如果往中间这个红色里面增加蓝,逐渐变成一个品红,这个品红也叫做蓝相红,意思就是相对于中间的红色,这个品红是偏蓝相的,色调往蓝相偏移。
▲例子1
通过上面的图我们很明显看到这三个圆形颜色区别,左边黄相,右边是蓝相。
例子2:
但是例子1的三个颜色的色调区别还是非常大,但如果我们缩小色调的区别,如下图例子2:
▲例子2
虽然这三个颜色的色调的区别缩小了,但是我们还能根据例子1的方法看到色调的差异,左边的色调偏黄,右边的色调偏蓝。
例子3:
但如果我再次缩小色调的差异,如下图例子3,如果一开始就给这个图你们看,你们可能很难看出区别,但是如果还是运用上面的方法,根据黄蓝色调的变化来观察颜色的区别,就很轻松看到这些微小的变化。
▲例子3
小结一下,对于红色,它的色调变化只有黄和蓝两种色调变化,所以只需要辨别两个红色的黄蓝变化,就能快速感知这个红色的微小变化。
为什么红色没有绿色调的变化
这里就有一个问题,为什么红色没有绿色色调的变化呢?
我们还是用之前介绍孟塞尔颜色体系的色相环来解释,如下图:
▲色相环
红和绿分别在色相环的相对的位置上,也就是我们常说的补色的概念,而且互为补色的两个颜色——红色和绿色,是不能共存的,就是说,我们不能看到既是红色也是绿色的颜色,或者说是红相绿,绿相红。
如果要红色的色调发生变化,只有蓝色调变化(色相环的逆时针方向)成为蓝相红,和黄色调变化(色相环的顺时针方向)成为黄相红。
如果要绿色的色调发生变化,只有蓝色调变化(色相环的逆时针方向)成为蓝相绿,和黄色调变化(色相环的顺时针方向)成为黄相绿。
从上图的色相环可以感受到蓝相红、黄相红、蓝相绿和黄相绿的颜色是怎样的。
同理,我们再看黄色和蓝色。黄和蓝也分别在色相环的相对的位置上,所以黄色和蓝色也互为补色。互为补色的两个颜色——黄色和蓝色,是不能共存的,就是说,我们不能看到既是黄色也是蓝色的颜色,或者说是黄相蓝,蓝相黄。
如果要黄色的色调发生变化,只有红色调变化(色相环的逆时针方向)成为红相黄,和绿色调变化(色相环的顺时针方向)成为绿相黄。
如果要蓝色的色调发生变化,只有绿色调变化(色相环的逆时针方向)成为绿相蓝,和红色调变化(色相环的顺时针方向)成为红相蓝。
从上图的色相环可以感受到蓝相红、黄相红、蓝相绿和黄相绿的颜色是怎样的。
虽然以上文字说起来比较绕口,但简单来说,感知颜色色调变化简单来说就是以下四条:
红——黄、蓝色调变化
绿——黄、蓝色调变化
黄——红、绿色调变化
蓝——红、绿色调变化
感知纯度和明度的变化
以上介绍的感知色调变化的方法,也是可以用来感知颜色其他两个维度(明度和纯度)的变化,而且比较简单了,因为明度只有明度高低的两个变化,纯度也是只有纯度高低的两个变化。
举个例子,在2016年的第三季《最强大脑》中有一位选手崔莉莉挑战项目《五十一度灰》就是根据感知明度的变微小变化。
▲第三季《最强大脑》
而这个挑战项目的难处就在于,我们人眼对色调,纯度,明度的敏感度是不一样的,事实上,我们首先观察到色调的区别,然后再到饱和度,最后才是明度的区别。所以所我们人眼对于明度的敏感性相对于色调和纯度是比较弱的,而她挑战的项目正是辨别明度的微小差异。
3、感知颜色与价格锚点
综上所述,我们先了解描述一个颜色的三个维度,色调、纯度和明度,然后分别根据这三个维度观察两个微小变化的颜色的色调差异、纯度差异和明度差异,来培养我们感知颜色微小变化的色感。
但是这种色感是一种相对色感,意思就是只有通过把这两个颜色放在一起对比才能描述一个颜色的跟另一个颜色的区别。如果单纯只给出一个颜色,是很难描述这个颜色跟之前看过的另一个保存在脑中的颜色的微小区别。
这个相对色感的概念就像商学里面的一个概念——价格锚点。
消费者在对产品价格是没有概念的,只有通过采用以下两个原则来判断价格是否合理:
避免极端:有三个以上的选择时很多人不会选择最低或最高的版本。
权衡对比:选择一些同类型商品进行对比。
价格锚点为了你明白这个中间价格的商品的定价是合理的,因为仅仅一个价格是很难比较高低好坏,就像比对颜色一样,仅仅一个颜色是不能说明什么,要提供其他(红绿或黄蓝)色调或者其他明度纯度的颜色做对比来感知颜色。
以上仅供参考。
苹果iOS用户专享赞赏通↓