在实用美术中，常有“远看色彩近看花，先看颜色后看花，七分颜色三分花”的说法。这说明在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，掌握好色彩的基础知识，在网页设计中才能做到游刃有余。为了使下面的网页配色分析更易于理解，先来了解色彩的RGB模式和HSB模式。   

•RGB

RGB表示红色、绿色、蓝色，又称为三原色光，英文为R（Red）、G（Green）、B（Blue），在电脑中，RGB的所谓“多少”就是指亮度，并使用整数来表示。

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

对于单独的R或G或B而言，当数值为0时，代表这种颜色不发光；如果为255，则该颜色为最高亮度。因此当RGB 3种色光都发到最强的亮度，纯白的RGB值就为255,255,255。屏幕上黑的RGB值是0,0,0。R，意味着只有红色存在，且亮度最强，G和B都不发光。因此最红色的数值是255,0,0。同理，最绿色就是0,255,0；而最蓝色就是0,0,255。黄色较特殊，是由红色加绿色而得，就是255,255,0。

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

•HSB

颜色分为色相、饱和度、明度3个因素。英文为H（Hue）、S（Saturation）、B（Brightness），饱和度高色彩较艳丽，饱和度低色彩就接近灰色。

亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。一般浅色的饱和度较低，亮度较高，而深色的饱和度高而亮度低。

网页色调搭配

在网页页面中总是由具有某种内在联系的各种色彩，组成一个完整统一的整体，形成画面色彩总的趋向，称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围，是影响配色视觉效果的决定因素。为了使设计网页时网页的整体画面呈现稳定协调的感觉，以便充分地掌握其规律来更好地分析学习，我们把视觉角色主次位置分为如下几个概念，以便在网页设计配色时更容易操纵主动权。   

•主色调

页面色彩的主要色调、总趋势、其他配色不能超过该主要色调的视觉面积。背景白色不一定根据视觉面积决定，可以根据页面的感觉需要而定。   

•辅色调

仅次于主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。   

•点睛色

在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。   

•背景色

衬托环抱整体的色调，协调、支配整体的作用。一个页面的色彩角色主要是根据其面积多少来区别主次关系、达到最终目的的。

当不同的颜色使用的面积相当，这个页面容易呈现枯燥单调之感，而没有局部细节的变化。当一个页面在网页设计时使用的颜色过多、面积大小用得过于琐碎，这个页面容易呈现花哨、主次不分没有整体的感觉。

为网页设计配色时，应根据主题内容主次需要，各颜色有其各自的功能角色：面积使用最多的、最少的、不多不少的，加上冷暖的适度安排，纯度明度的合理变化，遵循这条原则，网页配色定能得心应手。