【示例】深紫色網(wǎng)頁設(shè)計示例截圖如圖所示。

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

【點評】網(wǎng)頁設(shè)計時整個頁面配色尤其是點睛色的妙用，使得整個頁面非常新穎別致，極賦現(xiàn)代都市氣息。根據(jù)面積的大小對比，適當(dāng)?shù)膶Ρ壬茏岉撁嬗谢钴S、明快的氣氛。深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺，創(chuàng)造、謎、忠誠、神秘、稀有。

紫色+綠色

【示例】紫色搭配綠色的網(wǎng)頁示例截圖如圖所示。

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

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

紫色+紫紅色

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

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

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