优艾设计网

颜色知识,RGB显色系统详解(上)

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:endlessring
  上一章讲完了HSB拾色器详解,今天继续分解RGB模式。   同理,RGB拾色器难的并不是软件界面本身,而是要理解RGB显色系统本身的原理、特点和局限性,才能心中有数,游刃有余。

  这意味着我们能在显示器上显示256×256×256×=16777216种颜色!

 

How?

  有很多资料都解释过了这个问题,估计你们也看得腻了,楼主作为一个专业人员,今天要用全新的角度,重新阐述一下这个问题。

  来来,祭出色彩学里的大杀器——CIE色度图!

长这个样子:

 

颜色知识,RGB显色系统详解(上)

 

3. 大杀器——CIE色度图

  色度图有时候我们开玩笑也叫它马蹄图,因为长得像个马蹄印。。。

  这个东东绝对是颜色科学里面的巅峰之作、终极武器,实在是居家旅行杀人越货必备良药。但其来历又是十分的曲折,导致好多专业人士其实都没有搞明白,楼主打算回头单开一章讲它的来龙去脉。

  学会看色度图,就像修炼内功,虽然跟武功招式不怎么沾边,但绝对是通向武林高手的必经之路。现在就别管它怎么来的,先搞明白它怎么用!

 

颜色知识,RGB显色系统详解(上)

  我们已经知道,颜色是光形成的。任何一种颜色,只要有光谱数据,就能用公式算出其在色度图上的坐标。也就是所有地球上能实现的颜色,都可以通过色品图的坐标标注出来,不会超过这个范围。所以在这个马蹄图的外围是一片黑暗,意思是:没有啦!

  但是色度图是一个二维的图对不对?而色空间是一个三维空间,所以色度图是不包含明度信息的。实际上,色度图的坐标,标注的是RGB三原色之间的比例,也就是相对大小,不是绝对大小。白色和黑色对它来说坐标一样,所有低明度的颜色在色度图上都没有,这一点要注意。

  色度图中间,是饱和度为0的消色,越靠外的颜色饱和度越高,最后终止到光谱轨迹和紫红色的谱外光轨迹为止。

  色度图上任意两点的色光混合,新生成的色光,其坐标一定在两点之间的连线上。哪一边的信号强度大,就更靠近那一边。嗯,大概就是这样,谁劲儿大谁赢:

 

颜色知识,RGB显色系统详解(上)

 

  理解这几条很重要。有了色度图的帮助,原来的很多概念就能得到非常直观的呈现:

 

--三原色--

  我们已经知道,G和B的混合色,颜色坐标在G和B的连线上。反过来说,G和B的连线上所有的颜色,都可以由G和B混合实现。

  那么,如果再添加一个R光,就会在色度图上形成一个三角形对不对?这个三角形里的所有的颜色,都可以通过RGB三色的混合而形成。这不就是三原色加法色的原理?

 

颜色知识,RGB显色系统详解(上)

 

  这个三角形里的所有颜色,就是这个RGB显示系统能得到的所有颜色,也就是我们说的色域。这个三角形面积越大,能显示的颜色也就越多。因此,理论上说,RGB的坐标就应该越靠外越好,也就是RGB三原色的饱和度越高越好。

  但由于材料物理特性的限制,饱和度提高,亮度就会相应的下降。想要亮度不下降,饱和度还要高,就得——加钱。。。所以显示器的色域是综合考虑饱和度亮度成本的一个折中方案。

  还有一种扩大色域的方案,就是增加一个原色,从三角形变成四边形。Sharp就在的他家的电视上推出了“四色技术”,在RGB的基础上增加了黄色。从楼主在实物上看的效果上说,的确很赞,不过当然是贵╮(╯_╰)╭

  另外,可不可以不用RGB做三原色呢?当然可以,色度图上其实可以随便选出3个不在一条直线上的点,只要能形成一个三角形,而这个三角形还可以把白色区域包含进去,就可以做三原色,比如CMY。

 

颜色知识,RGB显色系统详解(上)

 

  但是呢,你们可以在图上比划一下,是不是还是选RGB的覆盖的面积比较大呢?所以从早期的笨重无比的CRT电视,到等离子电视,到液晶显示屏,到彩色电子纸屏幕,所有采用色光加法色的系统,都用RGB做三原色,就是因为RGB可以实现色域的最大化。

 

--色相环--

  在色度图里面画一个圈儿,是不是就是色相环了?

  色相环可以视为一个简化版的色度图。

 

颜色知识,RGB显色系统详解(上)

 

--补色--

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消