我们对于色彩的“纯度”概念出了什么问题?

来源:百度文库 编辑:神马文学网 时间:2024/04/20 10:37:14
《网页设计与配色实例分析》的作者。连她都觉得困扰的色彩问题,是什么呢?我们来看看……
Redfall:问一个常常让我疑惑的问题:我以前以为刺眼的颜色饱和度就高,柔和的颜色饱和度就低,但后来写文章的时候看数值显示才发现不是这样的。这是为何?
经由我的解答,小红觉得这些知识有普及的必要性,也可以作为她在网上陆续刊出的《网页设计与配色实例分析》RGB与HSB内容的一个补充。因此,我应她的邀请,将我们在MSN上关于这个问题的对话整理在下面。
Quester:其实,这可能是很多人会误解的问题。关于色彩的理论,我之前说过,屏幕色彩,印刷色彩,绘画色彩,是三种相关但又相互独立的体系,他们对色彩概念的描述是不同的,说谈及的三原色也不同。因此,最近我一直在强调,在讨论色彩问题之前,先搞清楚大家在哪一个范围里面讲问题,以免造成不必要的争论和纷扰。
小红说的“我以前以为刺眼的颜色饱和度就高,柔和的颜色饱和度就低”这个观念对吗,以小红的科班底子来讲,不可能有这样基础概念错误的可能,因为,美术教科书上的确是这样写的。
图片附件: [孟塞尔色立体]Muns3D00.jpg (2007-3-1 08:48, 50.92 K)

这就是我所说的概念差异:传统美术和设计学科,对色彩(准确的说是“颜色”)的描述,是基于孟塞尔色立体的(孟塞尔颜色系统 (Munsell Color System)是美国艺术家阿尔伯特孟塞尔Albert H. Munsell(1858-1918)在1898年创制的颜色描述系统。至今仍是比较色法的标准。),我们知道,孟氏色立体有三类“极色”,白色极、黑色极、纯色极。这样一来,色立体看起来就有点像飞碟。单个纯颜色,不管是往里面“掺入”黑色变暗还是“掺入”白色变淡都是属于“纯度”变化。
那么,现在我们在电脑上用来描述色彩的“设备无关性”HSB,是怎么来描述的呢?
图片附件: [HSB色彩平面映射]Hsv_sample.png (2007-3-1 08:48, 12.08 K)

HSB,看起来是很直观的H(Hue)色相、S(Saturation)纯度、B(Brightness)明度。这里补充一个概念要引起大家注意:B(Brightness)明度,L(Lightness)亮度 (来自于Lab色彩模式)在色彩学里面是两个概念,计算方法也不同,请不要混淆。
要说明HSB怎么来计算色彩,要从HSB和RGB的关系来讲,下面的内容涉及到HSB和RGB的计算公式,或许有些枯燥,但是为了了解根本还是请耐心看下去,我也尽量用通俗的语言来描述他们:
因为RGB和HSB中都有个B,避免混淆,公式中用V来表示HSB的B。
读入值为RGB是0~1之间的小数,由0~255转换。
H = (0+(G-B)/(MAX-MIN))*60 ,IF R=MAX
H = (2+(B-R)/(MAX-MIN))*60 ,IF G=MAX
H = (4+(R-G)/(MAX-MIN))*60 ,IF B=MAX
S = MAX-MIN          (Windows模式算法,圆锥色立体)
S = (MAX-MIN)/MAX    (Adobe模式算法,圆柱色立体)
V = MAX
图片附件: [HSB色立体圆锥]200px-HSV_cone.jpg (2007-3-1 08:48, 5.7 K)
  图片附件: [HSB色立体圆柱]200px-HSV_cylinder.jpg (2007-3-1 08:48, 5.8 K)

我们来看看我们关心的S(纯度)的产生:纯度 = RGB三值中的最大值和最小值的差 和 最大值的比值
那么也就是说,这个差值越悬殊,色彩的纯度就越大。即使是████ R0 G255 B180 (H 162 S 100 B 100)这样高亮颜色,或者是 ████ R0 G23 B16 (H 162 S 100 B 9)这样的很暗黑的颜色,纯度也是一样高。
再来看看B(明度)的产生:明度 = RGB三值中的最大值
也就是说,明度是由最大值的原色所决定的,和颜色的混合无关,并不是我们想像中的RGB的叠加越多,明度就越大。
到此,我们就可以明白,传统的美术教学概念和HSB色彩模式的表述上有细微的区别,说得简单一些,是因为他们采用了不同的色立体结构来诠释色彩关系。