【示例】深紫色網頁設計示例截圖如圖所示。

【分析】以略有漸變色為背景主色調，漸變色是調和方法之一，起到增加層次感、空間感、柔和視覺的作用。背景色左上最亮處的特殊處理，主要起到突出了標志的作用。從HSB模式H色相數值上看到輔助色依舊以主色調延伸而成，僅在明度上做了些變化，屬于同類色的調和色系。點睛色皆選用了色彩色系中明度最高的黃色及相近色黃綠、玫瑰紅。黃色和黃綠色是點睛之筆—黃色是紫色的對比色，深紫色背景上的高明度黃色被襯托得異常跳躍。黃綠色既和諧又增添了頁面配色的高強度節(jié)奏。玫瑰紅在這里是最溫暖的顏色，協調且增強了頁面配色的層次感。根據各顏色的特質，在視覺上成功做了先后次序的引導。白色雖是非色彩，但也起到拉大色彩之間色階層次的作用，增強了頁面空間感，也使以上配色更調和。

【點評】網頁設計時整個頁面配色尤其是點睛色的妙用，使得整個頁面非常新穎別致，極賦現代都市氣息。根據面積的大小對比，適當的對比色能讓頁面有活躍、明快的氣氛。深紫色給人華貴、深遠、神秘、孤寂、珍貴的心理感受。較暗色調的紫色可以表現出成熟沉穩(wěn)的感覺，創(chuàng)造、謎、忠誠、神秘、稀有。

紫色+綠色

【示例】紫色搭配綠色的網頁示例截圖如圖所示。

【分析】在網頁設計中，綠色被譽為紫色的絕配色。主色調是飽和度降低明度較低的紫色，輔色調是色彩明度較高的草綠色及沉穩(wěn)的深藍色。點睛色雖然被稱為點睛色，但在整個頁面中使用的面積極小，與其他色系所占的比重來看，這兩種點睛色小到幾乎給忽略。盡管從HSB模式數值上看到，橙黃色為高純度、高明度色，只在主題文字上有些體現。另一藍綠色所處的位置在顯眼的網站名稱后方，謙遜程度幾乎不為人們注意到，盡管它才是網站背后所要表達的真正主題。草綠色和深藍色把大面積的白色框起來，襯托起前景，但也許由于白色面積使用過大，為了不至于讓它太突出，在白色的背景上點綴較淺的紋樣來降低這種感覺。背景色紫色由于色彩特質明度較低的緣故，與明度較高的輔助色草綠色形成較明快的效果。

【點評】點睛色根據頁面所占的面積因素，也有的僅起到輔助的作用。相反草綠色或許由于色彩特質的原因，這里起到比較強調的強勢目的，在該頁面配色里起到非常關鍵的作用。

紫色+紫紅色

【示例】紫色與鄰近紫紅色搭配的網頁示例截圖如圖所示。

【分析】該頁面配色的色組和紫色關聯上稍有些偏移，從HSB的H色相數值上顯示的260來看，正紫色數值為300，主色調整個往藍色系稍偏移，構成較有視覺感染力的藍紫色。藍紫色在色相環(huán)中位于藍感。盡管飽和度不是很高60%，但明度達到最高狀態(tài)為100%，使得該色彩艷度很強，較高亮度的藍紫色顯得非常高雅，契合網站主題。輔色調HSB的H色相數值為270，已經稍往紫色偏移，紫色特征較明顯，明度較高且較明快的感覺。另一輔助色粉紅色H色相數值為331，稍往紅色系偏移，明度極高為100%，更增添了明快的氣息。

點睛色在這里起到了不可忽視的作用，由于淺紫紅較有女性氣質特征，增添了該頁面的女性溫柔細膩的美感。另一點睛色深藍色由于色彩特質所致，這里只是輔助性做些點綴?！军c評】淺紫色系給人嫵媚、優(yōu)雅、嬌氣、清秀、夢幻，充滿女性魅力。上面的配色除了點睛色深藍色明度較低，其他的色彩組合都在不同的程度上提高了明度，增強了頁面所要表達的主題效果。