在搭配网页色彩时应先从网站风格和内容出发，选择合适的主色，然后从视觉效果出发，选择副色并控制主色和副色之间的比例，使网页整体色调美观、舒适。在进行网页配色设计时，除了使用前面介绍的冷暖色搭配外，还可使用以下色彩搭配方式。

　　栢塑杭州网站建设|网站设计小提示

　　在进行冷暖色搭配时，应注意：

①控制好冷色与暖色的面积比例。因，为令色与暖色处于同一画面时对抗非常激烈，所以应选择一种作为主色，另一种作为副色。

②降低其中一种颜色的明度或饱和度，从而产生明暗对比，以缓冲对抗可在画面中加入少量与副色相近的颜色或黑、白、灰色作为装饰色进一步缓冲对抗。

　　1.同类色搭配

　　同类色搭配是指色相环上位置相邻(15°夹角内)，或者同一色相中不同明度或纯度的颜色之间搭配，如深蓝色与浅蓝色、红色与橙红色搭配。

　　同类色搭配的优点是可以产生有秩序的渐变感觉，使画面显得协调统一，缺点是由于

　　色彩相同/容易产生平淡、单调的感觉。在进行网页配色时，可以加大颜色明度与纯度的对比来弥补单调感，或者加入小面积的其他颜色作点缀

　　1、近似色搭配

　　近似色搭配是指色相环上距离较近(15°〜60°夹角内)、色相差别不大的颜色之间搭配，如红色与黄色、黄色与绿色、蓝色与紫色搭配。

　　近似色搭配是一种很理想的色彩搭配方案。其色彩相近而不相同，统一中有变化，变化又不失协调。此外，色彩既有对比又相互调和，视觉关系上能做到清晰明朗、层次丰富。因此，近似色搭配是应用范围最广的一种网页配色方案，如图2-22所示。

　　3.对比色搭配

　　对比色搭配是指色相环上距离较远(相差120°左右)、色相差异较大的颜色之间搭配,如红色与蓝色、橙色与绿色、紫色与绿色搭配。对比色搭配属于强对比搭配方案，视觉效果强烈、鲜亮，画面效果层次清楚、结构明显/特别易于突出主体，展不壳点。

　　由于对比色搭配色相差异较大，色彩之间有一定的冲突感，因此在运用时应多用灰色、白色或近似色做过渡，以降低色彩的不协调性。同时，需要注意色彩的主次之分，应加大主色与副色的面积对比，以达到色彩平衡的效果。

　　4.互补色搭配

　　互补色搭配是指色相环上直径两端(相差180°),距离最远的颜色之间搭配，如红色与绿色、黄色与紫色、蓝色与橙色搭配。互补色搭配是最强烈、最富_激性的配色方案。使用互补色搭配的画面特别鲜明、艳丽，很容易吸引人的注意力。但是，使用互补色配色时，强烈的刺激会让人产生不安定感,如果搭配不当，容易产生生硬、急躁的效果。因此，使用互补色配色时，应通过调整主色与副色的面积大小，或者提高(或降低)互补色的明度(或纯度)，或者使用灰色、白色或近似色作为过渡，以降低画面的不适感。

　　栢塑网站建小提示

　　色调明确、统一、和谐、易于识别的网页更受访问者欢迎。但是，在设计网页时，部分初学者为了区别网页中的不同版块，在网页中使用了大量的颜色，让页面的视觉效果显得凌乱、复杂。使用“色不过三”原则能够有效地避免页面颜色混乱的问题。所谓“色不过三”，不是限定网页中使用的颜色不超过三种，而是指不超过三种色相。在设计网页时，可通过调整色彩的明度或饱和度来对色彩进行变化，产生多种颜色，而色相不变。

　　除了避免在网页中运用过多色彩外，在设计网页时还应注意网页文字与底色的搭配应遵循“三个不要”原则，即：不搭配同色系颜色，如深红配大红;不搭配饱和度接近的颜色，如深紫色配棕色;不搭配明度接近的颜色，如白色配拧檬黄。否则，会造成文字识别度低。