大黑色

【示例】黑色背景應(yīng)用網(wǎng)頁(yè)示例截圖如圖所示。

【分析】在網(wǎng)頁(yè)設(shè)計(jì)中，背景黑色下，除了白色，還有其他3種顏色綠色、紫色、紅色分布在不同的位置。其中綠色和紫色雖然被稱之為輔助色，但它們使用的面積仍然不多，只是相對(duì)于點(diǎn)睛色紅色來(lái)說(shuō)。綠色主要是用于文字方面，紫色用于圖形方面，所指向的分工明確。從RGB模式RGB 3個(gè)數(shù)值上看到紫色混合數(shù)值上較接近，因此純度降低，相對(duì)于綠色、紅色來(lái)說(shuō)為中間色，色彩性能上呈低調(diào)緩和狀態(tài)。

從HSB模式S數(shù)值來(lái)看，綠色雖然純度上比紅色稍低些，也許是因?yàn)槭褂妹娣e較多的原因，看起來(lái)似乎比紅色醒目些。紅色在這里主要起到的是點(diǎn)明目前所屬的狀態(tài)這一功能性作用，在黑色的背景下盡管使用面積非常小，但依舊容易被瀏覽者注意到。

【點(diǎn)評(píng)】在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，黑色的背景下所使用的顏色面積雖然不多，但由于黑色這一襯托放大的特性，其他顏色較容易引起瀏覽者的注意，充分發(fā)揮其設(shè)計(jì)意圖。

黑白+淺灰

【示例】黑白淺灰配色網(wǎng)頁(yè)示例截圖如圖所示。

【分析】該頁(yè)面無(wú)論從設(shè)計(jì)上還是配色上都非常簡(jiǎn)潔，主要是以黑白文字為重點(diǎn)，背后的白黑色塊面粗、白色邊框線條無(wú)不是為了突出前景文字的作用。從RGB數(shù)值都是234來(lái)看，255為白色，背景色234只是在明度上稍做變化得到的淺灰色。背景的淺灰色把前景的白黑對(duì)視覺(jué)的刺激力變得柔和協(xié)調(diào)很多。雖為背景灰色，實(shí)際在整個(gè)頁(yè)面配色作用上起到了點(diǎn)睛之筆，使得頁(yè)面煥發(fā)出另外一種神秘且特殊的氣息。

【點(diǎn)評(píng)】該頁(yè)面設(shè)計(jì)風(fēng)格極其簡(jiǎn)約，除了方形塊面邊框，沒(méi)有多余的圖形修飾，主要是以文字的大小粗細(xì)、疏密間距排版為設(shè)計(jì)元素。淺灰色的加入讓本來(lái)具強(qiáng)烈沖突色的黑白變得素雅些了，也頗具高層次格調(diào)許多。

黑色+少彩色

【示例】黑色+少量彩色配色應(yīng)用網(wǎng)頁(yè)示例截圖如圖所示。

【分析】該頁(yè)面以黑色為主色調(diào)，雖然多了不少顏色的加入，但是由于使用面積都較少，除了少許修飾外主要運(yùn)用于功能文字方面的強(qiáng)調(diào)。

輔助色為藍(lán)色，正藍(lán)色的HSB模式中H是240，目前該頁(yè)面顯示的是215，可看出色相上稍向綠色靠攏，S93%和B43%來(lái)看純度和明度都不高，因此該藍(lán)色在黑色上顯示不明顯。點(diǎn)睛色主要都運(yùn)用在文字功能上，紅色幾乎是正紅，由于降低了純度和明度，該顏色不明顯。綠色H數(shù)值為149，正綠色為120，色相上稍向藍(lán)色傾斜，純度和明度不高，因此該顏色也不明顯。

【點(diǎn)評(píng)】在網(wǎng)站建設(shè)時(shí)，低純度低飽和度的色彩在黑色背景下，較易使整體色彩達(dá)到統(tǒng)一的目的，顏色變得柔和而含蓄。