美文网首页
设计基础之色彩模式

设计基础之色彩模式

作者: 晨的平方 | 来源:发表于2015-07-12 23:13 被阅读242次

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


1.HSB

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

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

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

photoshop拾色器


2.RGB

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

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

sketch inspector中的fill功能

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

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

光的三原色-rgb(图片来自网络)

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

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


3.CMYK

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

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

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

印刷三原色-cmy(图片来自网络)

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

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

吸收互补色

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


4.LAB

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

图片来自网络

总结起来就是

RGB基于光,是加色模式;

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

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

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

相关文章

  • 设计基础之色彩模式

    在photoshop,sketch等软件中常见的几种色彩模式有HSB,RGB,CMYK,LAB等等,了解他们的原理...

  • 简说设计模式之策略模式

    前言:对于设计模式基础概念可以去看[简说设计模式之设计模式概述] 一、什么是策略模式 策略(Strategy)模式...

  • 简说设计模式之适配器模式

    前言:对于设计模式基础概念可以去看[简说设计模式之设计模式概述] 一、什么是适配器模式 适配器模式(Adapter...

  • php 工厂模式

    承接上篇php模式设计之 单例模式,(虽然好像关系不大)。今天讲述第二种基础的模式设计——工厂模式。 那么何为工厂...

  • iOS设计模式之美-适配器模式

    iOS设计模式之美-工厂模式iOS设计模式之美-抽象工厂模式iOS设计模式之美-生成器模式iOS设计模式之美-适配...

  • iOS设计模式之美-抽象工厂模式

    iOS设计模式之美-工厂模式iOS设计模式之美-抽象工厂模式iOS设计模式之美-生成器模式iOS设计模式之美-适配...

  • iOS设计模式之美-工厂模式

    iOS设计模式之美-工厂模式iOS设计模式之美-抽象工厂模式iOS设计模式之美-生成器模式iOS设计模式之美-适配...

  • iOS设计模式之美-生成器模式

    iOS设计模式之美-工厂模式iOS设计模式之美-抽象工厂模式iOS设计模式之美-生成器模式iOS设计模式之美-适配...

  • 设计模式(一)设计模式基本概念

    设计模式基础 软件设计模式的概念 软件设计模式( Software Design Pattern ),又称设计模式...

  • iOS设计模式(三)之抽象工厂模式

    设计模式系列传送门 iOS设计模式(一)之简单工厂模式iOS设计模式(二)之工厂模式iOS设计模式(三)之抽象工厂...

网友评论

      本文标题:设计基础之色彩模式

      本文链接:https://www.haomeiwen.com/subject/okeuqttx.html