灰色+棕黃色

【示例】灰色搭配棕黃色應用網(wǎng)頁示例截圖如圖示。

【分析】

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

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

【點評】

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

無彩色

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

【分析】

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

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

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

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

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