设计基础之色彩模式

在photoshop,sketch等软件中常见的几种色彩模式有HSB,RGB,CMYK,LAB等等,了解他们的原理对学习设计大有裨益。它们看似好像是基础中的基础,但是像笔者这种,使用了多年的ps却仍然不知其所以然的人也是大有人在。


1.HSB

HSB基于人眼视觉体系,由hue色相,saturation饱和度,brightness明度组成。色相就是色彩名称,比如赤橙黄绿青蓝紫等等。饱和度就是图像的鲜艳程度,也叫做纯度。明度指明暗变化。

photoshop中拾色器就可以通过输入HSB的值来提取颜色。下图中s的值是1%,b值是9%,提取的是一个接近黑色的颜色。也就是说这是个既不鲜艳,也十分暗色的一个颜色。

拾色器中,x轴是饱和度,x值越大颜色越鲜艳;y轴是明度,y值越大颜色越明亮。左下角的饱和度明度最低,右上角饱和度明度都最高。

设计基础之色彩模式_第1张图片
photoshop拾色器


2.RGB

RGB,即red红色,green绿色,blue蓝色,也就是光的三原色。

如果你凑近看早期的电视机,可以看到很小的发光显像管,这种发光晶体管只发三种颜色——红,绿,蓝。这三种颜色被分成256种等级,比如,最亮的红色用255表示,红色不亮则是0.我们常见的(255,0,0)就是一个RGB的值,三个数值分别是红,绿,蓝。

设计基础之色彩模式_第2张图片
sketch inspector中的fill功能

因此,白色的RGB值是(255,255,255),黑色的RGB值是(0,0,0)。试想一下,在一个小黑屋中,什么灯都不开,就都是黑色了。如果红绿蓝所有的灯光都直射你的眼睛,眼前也就一片白光了。

那么(125,125,125)(28,28,28)是什么颜色呢?当R=G=B时,颜色没有色相,都是灰色。

设计基础之色彩模式_第3张图片
光的三原色-rgb(图片来自网络)

上图中,我们可以看到绿色和蓝色相加变成了青色,绿色和红色相加变成了黄色,蓝色和红色相加变成了品红。

把颜色全部加起来,就变成了白色,所以RGB也叫做加色模式,这对理解photoshop中的图层混合模式(变亮,滤色等)尤其有用。


3.CMYK

RGB是光的三原色,CMY就是色的三原色,也就是印刷的三原色。在印刷中,通过 CMY即青品黄三色可以调出所有印刷色。

青品黄按百分比来区分。(0%,0%,0%)是白色,也就是什么都不印。同理,100%,100%,100%就是黑色。但是由于别的原因,像这样一层一层刷上颜料形成的黑色并不纯正,容易偏红,所以实际应用中不会这样生产纯黑。这也是CMYK中的K(black)存在的原因。

与RGB是加色模式对应,CMYK则是减色模式。如下图。



设计基础之色彩模式_第4张图片
印刷三原色-cmy(图片来自网络)

刚才我们已经得出,蓝绿相加得到青色,红蓝得到品红,红绿得到黄色。也就是说,两个加色相加就好得到一个减色。

我们知道,红绿蓝是光的三原色,直接射进我们的眼睛,而青品黄是印刷色,是根据反射原理才被人眼识别。那么我们是怎么知道一个物品是什么颜色的呢?观察下图。

设计基础之色彩模式_第5张图片
吸收互补色

当rgb三色光射在一块青色的色块上时,由于红色和青色在色相环中是对立的互补色,所以红色被吸收,只把绿色和蓝色反射回去。根据两个加色相加形成一个减色。绿色和蓝色相加得到了青色,被人眼所识别。因此我们就看到了青色。


4.LAB

LAB是基于大自然的色域。因为大自然是包罗万象的,我们所有的颜色也都是产生于大自然,所以lab要大于RGB和CMYK等的色域,是最大的色域。


设计基础之色彩模式_第6张图片
图片来自网络

总结起来就是

RGB基于光,是加色模式;

CMYK基于印刷,是减色模式;

HSB基于人眼,即色相,饱和度,明度;

LAB基于大自然,是最大的色域。

你可能感兴趣的:(设计基础之色彩模式)