使用的颜色，就是这个网面的主体颜色。设计时应确定选用何种颜色作为页面主体色，避免
在同一个页面内运用多种颜色，其他的颜色面积不能过大，应该遵循主从关系。

2.选用相近色。设计网页颜色时，应尽量选择色彩相近的颜色，易于搭配。明度是指任何一
种色彩的明暗程度；色彩的纯度是指彩色系中每个色彩的鲜艳程度。一般情况下，同色彩系
（同色相）、明度不同或者纯度不同的几种颜色比较容易搭配，如选择几种深浅不同的绿色
来搭配，就不会使页面产生不和谐的问题。同一页面尽量不要超过四种颜色。同样，网站中
超链接的色彩搭配也要遵循以上的原则。而文字颜色的搭配，则要与背景分离。在实际设计
过程中，可以利用所选择的网页设计工具中的调色板，选中某种颜色周围的颜色作为页面
设计的选用色。其中，在

Dreamweaver 的调色板中就列出了 6 色为一组的配色方案。

3.色彩均衡原则

遵循色彩均衡原则能够使页面中的色彩达到一种平衡。在网页设计中，当运用了较多明度较
高的颜色时可以用黑色或者同色相的深颜色小面积色块点缀一下，使得页面增加分量，达
到色彩重量平衡的效果。而平衡的颜色符合多数浏览者的色彩心理。

4.黑白灰颜色的运用

在网页设计时遇到色彩凌乱的情况，可以大面积地加白、灰等浅色，小面积加黑色，以调节
颜色搭配不当的情况。当遇到使用纯度很高的颜色，如纯蓝、纯黄等，这样的搭配会很鲜艳，
使人的视觉感受比较兴奋。

5.色彩心理与情感

在网页设计色彩的运用中，不同的颜色会使浏览者产生不同的心理感受。例如：红色代表热
情、活泼、幸福、吉祥等。绿色代表和平、希望、环保、清新等。

五、色彩搭配的常用技巧

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度和饱和度，这样的页面看起来色
彩统一、有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色。

3.用一个色系。简单地来说就是用一个感觉的色彩，如淡蓝、淡黄、淡绿；或者土黄、土灰、土
蓝。确定色彩的方法因人而异，例如：可以在

Photoshop 中单击前景色方框，在弹出的

“混

色器

”对话框中选择“自定义”，然后在“色库”中选择即可。

4.用黑色和一种彩色。例如：大红的字体配黑色的边框感觉很鲜明。

5.避免配色中的一些误区。（1）不要将所有颜色都用到，尽量控制在三至五种色彩以内。
（

2）背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），否则，背景图案

会影响要突出主要文字的内容。