為了使網頁的整體畫面呈現穩定協調的感覺，以便充分的把握其規律來更好的分析學習，我們把視覺角色主次位置分為如下幾個概念，以便在網頁設計配色時更輕易操縱主動權。

　　■ 主色調
　　頁面色彩的主要色調、總趨勢，其他配色不能超過該主要色調的視覺面積。（背景白色不一定根據視覺面積決定，可以根據頁面的感覺需要。）

　　■ 輔色調
　　僅次與主色調的視覺面積的輔助色，是烘托主色調、支持主色調、起到融合主色調效果的輔助色調。

　　■ 點睛色
　　在小范圍內點上強烈的顏色來突出主題效果，使頁面更加鮮明生動。

　　■ 背景色
　　襯托環抱整體的色調，協調、支配整體的作用。
　　
　　
　　→ 色調網頁例圖：http://www.robinssondivision.com
　　
　　
　　
　　本部分小節：
　　
　　一個頁面的色彩角色主要是根據其面積多少的來區別主次關系、達到最終目的的。

　　當不同的顏色使用的面積相當，這個頁面輕易呈現枯燥單調之感，而沒有局部細節的變化。當一個頁面使用的顏色過多、面積大小用得過于瑣碎，這個頁面輕易呈現花哨、主次不分沒有整體的感覺。

　　為頁面設計配色的時候，應根據主題內容主次需要，各顏色有其各自的功能角色--面積使用最多的、最少的、不多不少的，加上冷暖的適度安排，純度明度的合理變化，遵循這條原則，網頁配色定能得心應手。

　　下一節我們具體介紹各種色彩的對比方式和效果。