网页色彩搭配原理-网页色彩三属性分析

HSB，看起来是很直观的H(Hue)色相、S（Saturation）纯度、B（Brightness)明度。要说明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

传统美术和网站设计学科，对色彩深圳网站建设的描述，是基于孟塞尔色立体的，是美国艺术家阿尔伯特孟塞尔Albert H. Munsell（1858-1918）在1898年创制的颜色描述系统。至今仍是比较色法的标准。我们知道，孟氏色立体有三类“极色”，白色极、黑色极、纯色极。这样一来，色立体看起来就有点像飞碟。单个纯颜色，不管是往里面“掺入”黑色变暗还是“掺入”白色变淡都是属于“纯度”变化。

HSB 它到底对我们有什么用处呢？

你可以把HSB 理解为 人于计算机之间 进行色彩沟通的一个界面。

因为计算机描述色彩在屏幕上显示，是以RGB表示的，但我们人类不可能用眼睛来“分光”，直接读出RGB的值。

但是我们可以描述一个颜色用“在这个黄色的深圳外贸网站建设基础上，更红一些，更亮一点，不要太鲜艳”这样的方式。

那么 黄色，就是 色相（H），更红一些，是指的色相变化； 更亮一些，是明度（B）上的调节提高；不要太鲜艳，是纯度（S）的调整降低。

我们可以用 HSB 来调整和对比颜色， 然后 经过 HSB 到 RGB 的转换，得到新的RGB色值来指导它在屏幕如何显示出来。

HSB 色彩更适合“人类的表达方式”，比直接读给你RGB色值更加具有感性的认识。

唯一的问题，会对你刚开始学习使用和认读 HSB 色彩有一点困难的是：你要学会背熟色相环的度数，如下：

0　 红色 R= 0 =(120*0) ▲顶点

60 黄色 Y= B-180°（补色）＝60

120 绿色 G=120=(120*1) ▲右下角

180 青色 C= R-180°（补色）＝180

240 蓝色 B=240=(120*2) ▲左下角

300 品红色 M= G+180°（补色）＝300

360＝0 回到红色 R

那么，我们 看到 这样一组数值 H 100 S 50 B 80 是什么感觉？

H 100，在黄绿之间，靠近绿色多点。

S 50，纯度中等，比较不耀眼和浓艳。

B 80，明度较高，是比较浅的色彩。