灰色+棕黃色

【示例】灰色搭配棕黃色應用網頁示例截圖如圖示。

【分析】

主色調是由兩種明度較接近的灰色構成。從RGB和HSB模式上能看到這兩種灰色屬于純正的非色彩，沒有其他的顏色摻雜進去。輔助色為復色，我們知道復色是由兩種間色或者原色和間色混合產生，通常所混合產生的顏色色相不明顯，當某種顏色所占的比重大時，該顏色的色相才相較突出。從H色相上看顏色稍偏黃色，由于混合其他顏色且明度較低，因此呈棕黃色。復色棕黃色在背景深灰的襯托下低調不張揚，能很好地與之融為一體。

點睛色H顯示120°是正綠色。該綠色選擇了明度適中純度不高的配色，既表達了主題，又能與整個頁面灰調子很好地調和在一起。另一點睛色白色讓所有顏色的特性都得以很好地發(fā)揮，并起到拉開色階層次的作用。

【點評】

深灰色具有謙虛、平凡、沉默、中庸、寂寞、憂郁、消極的心理感受。主色調主要集中在背景的運用和變化上，增強頁面的空間感，視覺元素頗有時尚現代的氣息，與前景的色彩明度純度稍有變化，又在視覺上達到風格統(tǒng)一。

無彩色

【示例】灰色配色以無彩色搭配為主的應用網頁示例截圖如圖所示。

【分析】

整個頁面效果如同古老的黑白照。初看該頁面容易把背景的深灰色誤認為是黑色，再仔細觀看就感覺到了此種深灰色不凡的作用，假如背景色使用了黑色，頁面的主體人物和空間感的相互作用就變得僵硬且呆板。

從RGB和HSB模式上可知主色調深灰色為純正的非色彩，明度很低。但與人物的毛發(fā)對比就能看出它們明度之間的差異。輔助色取的是照片的膚色，也是純正的淺灰色，該人物占據了該頁面三分之一的面積，主次鮮明。

盡管點睛色是明度最高的白色，但是由于只在小文字上小面積地使用，因此只起到了點綴一下頁面細節(jié)突顯主次關系的作用。

以上灰色頁面配色示例不難看出，在網頁設計中，都是非色彩系灰色為主色調點綴極少面積的色彩系，色彩運用的面積反差越大，頁面所呈現的獨特魅力也就越強烈?；疑奶匦栽谟谀馨汛碳ひ鄣念伾岷突@將是調和多個頁面配色的利器，但是也要注意不同明度灰色所起到的配色作用，不同明度的灰色搭配不同的彩度顏色時，所得到的結果差別很大，根據整體頁面配色應在灰色明度上反復地調整。

在網站建設時，灰色謙和內斂的特性決定了不同明度的灰色扮演的是輔佐陪襯的角色?；疑鄬谏?、白色要多些變化，因為它能通過明度來表達不同的性格特征?；疑c其他彩度色彩搭配時能降低張揚耀眼的顏色，是調和色彩的方法之一。在網頁設計時，兩種或兩種以上的色彩混合，如能配上灰色，這兩個色調本身必能相互調和。無彩度的黑白灰不同面積的使用，相對彩度色系來說是比較容易的顏色搭配，且能包容所有的彩度顏色。