3.1 善用色彩设计网页

在任何一个设计中，色彩对视觉的刺激都起到第一信息传达的作用。网页中的色彩设计是最直接的视觉效果，不同的颜色运用会给人以不同的感受。高明的设计师会运用颜色来表现网站的理念和内在品质。为了能更好地应用色彩来设计网页，下面先来了解一下色彩的基础知识。

3.1.1 认识色彩

自然界中的色彩五颜六色、千变万化，比如玫瑰是红色的，大海是蓝色的，橘子是橙色的……但是最基本的色彩只有3种（红、黄、蓝），其他的色彩都可以由这3种色彩调和而成，我们称这3种色彩为“三原色”。大家平时所看到的白色光经过分析，在色带上可以看到，它包括红、橙、黄、绿、青、蓝、紫7种颜色，各颜色间自然过渡，其中红、绿、蓝是三原色，三原色通过不同比例的混合可以得到各种颜色。

现实生活中的色彩可以分为彩色和非彩色两种，其中黑、白、灰属于非彩色系列，其他的色彩都属于彩色系列。任何一种彩色都具备3个特征：色相、明度和饱和度，非彩色只有明度属性。

|提示|

色相指的是色彩的名称，这是色彩最基本的特征，反映颜色的基本面貌，是一种色彩区别于另一种色彩的最主要的因素，例如，紫色、绿色、黄色等都代表了不同的色相。

同一色相的色彩调整一下亮度或纯度很容易搭配，如深绿、暗绿、草绿、亮绿。

例如，一些购物、儿童类网站用的是一些鲜亮的颜色，让人感觉绚丽多姿、生气勃勃。明度越低，颜色越暗。明度主要用于一些游戏类网站，可使网站充满神秘感。

|提示|

饱和度也叫纯度，指色彩的鲜艳程度。饱和度高的色彩纯、鲜亮；饱和度低的色彩暗淡，含灰色。

非彩色只有明度属性，没有色相和饱和度属性。网页制作时用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。通常是将主要内容（如文字）用非彩色（黑色），边框、背景、图片用彩色。这样页面整体不单调，显得和谐统一。

3.1.2 网页的安全颜色

在网页中，常以RGB模式来表示颜色的值，RGB表示红（Red）、绿（Green）、蓝（Blue）三原色。通常情况下，RGB各有256级亮度，用0~255表示。

对于单独的R、G或B而言，当数值为0时，代表这种颜色不发光；如果为255，则代表该颜色为最高亮度。当RGB这3种色光都发到最强的亮度（即RGB值为255、255、255）时，表示纯白色，用十六进制数表示为“FFFFFF”。相反，纯黑色的RGB值是0、0、0，用十六进制数表示为“000000”。纯红色的RGB值是255、0、0，意味着只有红色R存在且亮度最强， G和B都不发光。同理，纯绿色的RGB是0、255、0，纯蓝色的RGB是0、0、255。如下图所示为纯红色的RGB值。

|提示|

在HTML语言中，可以直接使用十六进制数值来命名颜色。

按照计算，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256＝16777216，通常也被简称为1600万色或千万色，也称为24位色（2的24次方）。既然理论上可以得出16777216种颜色，那么为什么又出现了网页安全颜色范畴为216种的颜色呢？这是因为浏览器的缘故。网页被浏览器识别以后，只有216种颜色能在浏览器中正常显示，多于这个范围的颜色有的浏览器显示时就可能发生偏差，不能正常显示。因此将能被所有的浏览器正常显示的216种颜色称为网页安全颜色范畴。现在浏览器的性能越来越高，网页的安全颜色范畴也越来越广，但最安全的还是216种颜色。在Dreamweaver中，提供了具有网页安全颜色范畴的调色板，可将网页的颜色选取控制在安全范围之内。

RGB模式是显示器的物理色彩模式，这就意味着无论在软件中使用何种色彩模式，只要是在显示器上显示，图像最终就是以RGB方式出现。