我知道你想了解关于色彩的知识(一)

一、什么是色彩

我知道你想了解关于色彩的知识(一)_第1张图片
imcolor.png

哦,抱歉,我换一个问题

二、什么是RGB?

RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。(百度说的)

简单点:RGB代表红绿蓝!

三、RGB三原色的值和叠加

注意,本文中讨论的都是RGB颜色模式,并不涉及CMY或者LAB等其他颜色模式

我们在PS中画出3个色块

我知道你想了解关于色彩的知识(一)_第2张图片
QQ截图20161025164252.png

他们分别是纯色的红,绿,蓝
(在PS中,透明的背景默认是这种灰白相间的“马赛克”)
把这3个颜色所在图层转为“线性减淡(添加)”

我知道你想了解关于色彩的知识(一)_第3张图片
QQ截图20161025164419.png

为什么要转换成这个模式?
  因为根据PS图层模式的颜色计算公式显示:线性减淡的表达式为:颜色A+颜色B
什么?颜色也能相加????
  当然可以,不过RGB颜色的值是16进制,比如纯红色#FF0000,纯绿#00FF00,纯蓝#0000FF

我知道你想了解关于色彩的知识(一)_第4张图片
red.png
我知道你想了解关于色彩的知识(一)_第5张图片
QQ截图20161025165722.png
我知道你想了解关于色彩的知识(一)_第6张图片
QQ截图20161025165734.png

重点来了,我们用移动工具把这3个圆相互接触,叠加的地方出现了新的颜色:


我知道你想了解关于色彩的知识(一)_第7张图片
QQ截图20161025164446.png

我们来看看叠加后的颜色值:


我知道你想了解关于色彩的知识(一)_第8张图片
洋红:#ff00ff
我知道你想了解关于色彩的知识(一)_第9张图片
黄色:#ffff00
我知道你想了解关于色彩的知识(一)_第10张图片
青色:#00ffff
我知道你想了解关于色彩的知识(一)_第11张图片
白色:#ffffff

颜色的叠加是不是非常简单粗暴?

四、相反色

颜色可以叠加,同时也可以取相反值,颜色的反色又叫互补色,计算方法:一种颜色+它的反色=白色。
  所以根据上图的色值我们可以得出:在RGB颜色中:红色的互补色为青色(#ff0000+#00ffff=#ffffff),绿色的互补色为洋红(#00ff00+ff00ff=#ffffff),蓝色的互补色为黄色(#0000ff+ffff00=#ffffff)
  那白色的相反色呢?
  #ffffff+#000000=#ffffff,其中#000000是黑色

我知道你想了解关于色彩的知识(一)_第12张图片
QQ截图20161025172825.png

五、色环

你也许发现,上图中,为什么PS的颜色条头尾都是红色?
  那是因为它被展开了
  其实,下图才是它原来的样子:

我知道你想了解关于色彩的知识(一)_第13张图片
色环.png

  其中,角度决定了PS色环中的H值

我知道你想了解关于色彩的知识(一)_第14张图片
QQ截图20161025174136.png

我们又可以得出结论:**相反色在色环中处于180°相对的位置
**

那下面的"s""b"又是啥?
  看下图:
  

我知道你想了解关于色彩的知识(一)_第15张图片
QQ截图20161025175205.png

S是纯度,纯度越高,颜色越“鲜艳”,纯度越低,颜色越往白走(颜色信息越来越丰富)
  B是亮度,亮度越高,颜色越“亮”,亮度越低,颜色越往黑走(颜色信息越来越少)

所以我们的色环经过补充变成了这样:

我知道你想了解关于色彩的知识(一)_第16张图片

OK,今天先将到这里,下次讲颜色怎么搭配,谢谢大家的捧场

你可能感兴趣的:(我知道你想了解关于色彩的知识(一))