1.4.1 网页设计应知的4种色彩模式

与网页设计相关的色彩模式主要包括GRB色彩模式、Lab模式、HSB模式及索引模式。

由于网页图像不需要打印输出，因此常选择与显示器一致的GRB色彩模式。

GRB色彩模式

GRB色彩模式又叫色光模式，它由R（红）、G（绿）、B（蓝）三种颜色按照不同的比例和强度混合出自然界中的大部分可见光。三种颜色完全加叠在一起产生白色。

此类模式的图像包含有三个基本的色彩通道，分别是R（红通道）、G（绿通道）、B（蓝通道），每个颜色通道中含有从黑到白共256（28）种亮度级别，RGB图像通过这三个颜色通道最终合成彩色图像，每个通道含有8位色彩深度，三个通道共有24位，因此，RGB图像又可以称为24位图像。

平时我们所见的图像多为RGB模式图像或可以转换为RGB模式的图像。因此photoshop中所有的绘图工具及滤镜在RGB模式都可以使用，并且也不受图层的约束。

RGB色彩模式是显示器、投影仪等显示设备常用的色彩模式，其基本颜色形成原理如下（图1.42所示）：

红色+绿色+蓝色=白色

红色+绿色=黄色

红色+蓝色=品红色

蓝色+绿色=青色。

如果我们希望得到灰色，则需要将任何两种等量的颜色进行混合。

等量蓝+等量黄=灰

等量绿+等量品红=灰

等量红+等量青=灰

RGB色彩模式在处理对图像质量要求较高的网站设计时，可以很好的呈现出产品的真色彩。

Lab模式

Lab颜色模型是基于人对颜色的感觉而形成的色彩模式。Lab色彩模式中的数值描述了正常视力的人能够看到的所有颜色，其中L表示亮度，a表示从红色至绿色的范围，b表示从黄色至蓝色的范围。L的值域范围为0到100，当L=50时，就相当于50%的黑；a和b的值域都是由+127至-128，其中+127 a就是红色，渐渐过渡到-128 a的时候就变成绿色；同样原理，+127 b是黄色，-128 b是蓝色。所有的颜色就以这三个值交互变化所组成，如图1.43所示。

Lab模式最明显的优点是色域宽阔。它不仅能表现出人的肉眼能感知的所有色彩，而且还包含了RGB、CMYK的所有色域。此外，RGB模型在蓝色到绿色之间的过渡色彩太多，而在绿色到红色之间又缺少黄色和其他色彩，而Lab色彩模型弥补了RGB色彩模型色彩分布不均的缺陷。

HSB模式

HSB模式中的H、S、B分别表示颜色的色相、饱和度、亮度，这是一种从视觉的角度来定义的颜色模式。在Photoshop软件中，我们可以在颜色面板中基于色彩的色相、饱和度、亮度来拾取颜色，其优点是可以更灵活地获得近似色、相似色的绝佳配色方案。

索引模式

索引颜色模式经常应用于网络图像和动画图像中，当彩色图像（如RGB色彩模式图像）转换为索引颜色的图像后仅包含256种颜色。索引颜色图像包含一个颜色表。如果原图像中颜色超出256色，那么Photoshop会从可使用的颜色中选出最相近颜色来模拟这些颜色，这样可以减小图像文件的尺寸。所以在网络图像应用中，为了提高图像传输速率，在使用某些色彩不是特别丰富的图像时常采用索引模式保存图像。

同是网页图像，采用JPEG格式和GIF格式保存的图像大小、质量对比如图1.44、图1.45所示。