灰色+棕黃色

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

【分析】

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

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

【點(diǎn)評】

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

無(wú)彩色

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

【分析】

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

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

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

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

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