灰色+棕黃色

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

【分析】

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

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

【點(diǎn)評】

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

無彩色

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

【分析】

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

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

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

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

在網(wǎng)站建設(shè)時，灰色謙和內(nèi)斂的特性決定了不同明度的灰色扮演的是輔佐陪襯的角色?；疑鄬谏咨嘈┳兓?，因?yàn)樗芡ㄟ^明度來表達(dá)不同的性格特征。灰色與其他彩度色彩搭配時能降低張揚(yáng)耀眼的顏色，是調(diào)和色彩的方法之一。在網(wǎng)頁設(shè)計時，兩種或兩種以上的色彩混合，如能配上灰色，這兩個色調(diào)本身必能相互調(diào)和。無彩度的黑白灰不同面積的使用，相對彩度色系來說是比較容易的顏色搭配，且能包容所有的彩度顏色。