千助阅读
扫描关注网站建设微信公众账号

扫一扫微信二维码

网页配色必须知道的两个概念RGB和HSB

高端网站设计2012-06-15经验之谈

在实用美术中,我们经常说“远看色彩近看花,先看颜色后看花,七分颜色三分花”。

从这句话可以看出,在任何设计中,传达给人类视觉的第一刺激信息是色彩。要想在网页配色中做到游刃有余,首先要了解两个概念:RGB和HSB。

什么是RGB?

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

通常情况下,RGB各有256级亮度,用数字表示为从0、1、2至255。虽然数字最高是255,但0也是数值之一,因此共256级。按照计算,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。

使用过photoshop图像处理软件的朋友一定知道,photoshop中的调色板功能,就可以通过RGB数值,方便的为我们定义出想要的色彩。

什么是HSB?

在HSB模式中,H(hues)表示色相、S(saturation)表示饱和度、B(brightness)表示亮度。 HSB模式对应的媒介是人眼。

饱和度高色彩较艳丽,低色彩接近灰色。亮度高色彩明亮,低色彩暗淡,亮度最高得到纯白,最低得到纯黑。一般浅色的饱和度较低,亮度较高,而深色的饱和度高而亮度低。

色相:在0~360°的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色。黑色和白色无色相。

饱和度:表示色彩的纯度,为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时,每一色相具有最纯的色光。

亮度:是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态。

在网页配色中,RGB和HSB是基础,我们每个人眼中所看到的五颜六色的世界,其任何颜色都可以说是从这个两个概念中所获得的,网页配色的精髓就是在不断地实践过程中,积累对RGB和HSB不同环境下色值调试的经验,有了这样的经验,就很容易做出令人赏心悦目的网页。

文章关键词
网页配色