【示例】明度粉紅色網(wǎng)頁設(shè)計(jì)示例截圖如圖所示。

【分析】粉紅色主要是紅色系中的明度的高亮度的變化。是紅色系里的冷色系。RGB數(shù)值顯示明度較高，因此HSB中S純度下降，幾乎呈最低值。主色調(diào)和輔助色調(diào)數(shù)值對(duì)比可知：主色調(diào)混合的G的分量較多且明度較高，因此純度較低，色調(diào)柔和，在框架區(qū)域內(nèi)較適合做類似背景色的輔助性崗位。輔助色R數(shù)值比主色調(diào)的R數(shù)值稍高，紅色性稍明顯，加入的G相對(duì)少，B明度稍低，因此相對(duì)純度要高，輔色位置應(yīng)用在框架區(qū)域的導(dǎo)航位置，起到突出導(dǎo)航作用。點(diǎn)睛色突出標(biāo)志及購物主體的作用。背景白色除了突出前面粉紅色主體的作用，在前景也有出現(xiàn)，背景色與前景色的相互牽制，減少空間距離的效果。

【點(diǎn)評(píng)】在RGB數(shù)值中，數(shù)值同時(shí)呈現(xiàn)相近的高數(shù)值時(shí)，色彩越柔和協(xié)調(diào)，純度相對(duì)降低，頁面呈高明度灰色段，視覺刺激緩慢。這里以粉紅色為主色調(diào)的頁面，女性主題內(nèi)容特征傾向明顯。這組粉紅色頁面里，由于純度都較低，任何一個(gè)純度高小面積使用的顏色都能起到點(diǎn)睛的效果。這類顏色的組合多用于女性主題，例如化妝品、服裝等，鮮嫩而充滿誘惑，傳達(dá)著柔情、嬌媚、溫柔、甜蜜、純真、誘惑的心理感受。

橙紅色+藍(lán)色

【示例】對(duì)比色橙紅色應(yīng)用網(wǎng)頁設(shè)計(jì)示例截圖如圖所示。

【分析】橙色是藍(lán)色的對(duì)比色，這組對(duì)比色中的橙紅色傾向于紅色。該頁面的背景色使用紋理圖形由深至淺的制造空間范圍，模擬真實(shí)環(huán)境。這里的數(shù)值選取其中間色值來分析，由于背景藍(lán)色B的明度較低，又由于冷色比暖色視覺傳遞速度慢的特點(diǎn)，很適合作為輔助角色突出前景的應(yīng)用。主色調(diào)橙紅色R的數(shù)值達(dá)到最高值255，SB都達(dá)到了最高值100%，視覺刺激非常強(qiáng)烈，運(yùn)用大面積高純度來突出藍(lán)色產(chǎn)品主體物，又形成了一次頁面上的視覺對(duì)比—背景藍(lán)色與前景橙紅色，前景橙紅色與產(chǎn)品主體物藍(lán)色的二次對(duì)比。點(diǎn)睛色白色，使這組對(duì)比色在頁面中表現(xiàn)得更協(xié)調(diào)。

【點(diǎn)評(píng)】這組橙色藍(lán)色對(duì)比色在網(wǎng)頁上比其他兩組對(duì)比色紅色綠色、黃色紫色應(yīng)用得多，能迅速地傳達(dá)網(wǎng)站主題內(nèi)容、網(wǎng)頁主體，容易增添強(qiáng)烈的興奮度，多用于食品、休閑娛樂、產(chǎn)品等，但卻又是跨越于各行業(yè)的主題網(wǎng)站，適用的范圍非常大。顏色的深淺除了能營造空間感的效果，也能輔助性地制造主次效果。顏色除了性能對(duì)比，面積對(duì)比、位置安排也是制造主次效果的關(guān)鍵。

紅色+黑色

【示例】紅色與黑色搭配應(yīng)用網(wǎng)頁設(shè)計(jì)示例截圖如圖所示。

【分析】紅色與黑色的搭配在商業(yè)設(shè)計(jì)中，被譽(yù)為商業(yè)成功色，鮮亮的紅色多用于小面積的點(diǎn)綴色。從數(shù)值上看，紅色添加了G和B飽和度稍降低，因此該紅色大面積使用不會(huì)覺得刺激或不舒服，這也與背景色藍(lán)色加入了適量漸變的技法，使得頁面的節(jié)奏呈現(xiàn)緩和。輔助色黑色的加入，與深紅色在明度拉大，頁面色彩元素相對(duì)活躍不少。點(diǎn)睛色白色，所放的位置和面積，起到平衡黑色位置面積的作用，當(dāng)然也達(dá)到醒目的效果。

【點(diǎn)評(píng)】這里顏色位置的擺放，起到平衡頁面視覺，突出主題效果的作用。背景色加了漸變效果、整體與前景人物黑色對(duì)比呈淺色，前景人物黑色與背景深紅色、背景深紅與前景白色文字相互之間的關(guān)系，構(gòu)成空間環(huán)境的視覺效果。

這組配色中，紅色是降低了明度的深紅色，為主色調(diào)和背景色的大面積使用。紅黑搭配色，常用于較前衛(wèi)時(shí)尚、娛樂休閑、電子商務(wù)等要求個(gè)性的網(wǎng)頁設(shè)計(jì)配色里，也又有用于部分政治、新聞的頁面。

紅色+黑色+灰色

【示例】紅色與黑色和灰色搭配應(yīng)用網(wǎng)頁設(shè)計(jì)示例截圖如圖所示。

【分析】這組配色，達(dá)到最高純度的紅色做小面積的使用。雖然這里選取了紅色作為輔助色，但從整個(gè)頁面的功能和所表達(dá)的主題來看，紅色可以作為該頁面的點(diǎn)睛色，強(qiáng)烈地突出了主題。紅色的數(shù)值顯示，HBS中的H為0度，達(dá)到紅色特性的最高值，S為最高飽和度100%，在明度最低的黑色背景的襯托下，其特性發(fā)揮到極致，頁面醒目而響亮。

紅色與黑色本是對(duì)比強(qiáng)烈的配色，但由于背景灰色的作用，緩和整個(gè)頁面的視覺刺激度。背景色灰色RGB數(shù)值變化不大，因此顏色純度較低、趨于平穩(wěn)柔和，輔助前景內(nèi)容的呈現(xiàn)。白色讓前景和背景的劃分更明顯，活躍頁面中的色彩元素。

【點(diǎn)評(píng)】使用面積小的純度高的顏色在非色彩的黑色和灰色上，是產(chǎn)生變化頁面的顏色，達(dá)到容易突出主題的目的。

小結(jié)

紅色在RGB數(shù)值的R為255左右，HSB數(shù)值的H中為0度左右，達(dá)到紅色最高值。隨著純度的提高、亮度的適度增加，它易于迅速的傳達(dá)、醒目性的特征發(fā)揮得越明顯。和其他顏色一樣，顏色相互混合得越多，明度越低，飽和度越低，視覺沖擊力越弱。對(duì)比色紅色綠色的搭配，紅色的特性發(fā)揮得越明顯。綠葉襯紅花的效果。另外紅與黑的搭配，也較能展現(xiàn)紅色的魅力。根據(jù)主題的需要，除了對(duì)比色的應(yīng)用，還有面積上、位置上的對(duì)比應(yīng)用，也能很好地配合達(dá)到突出主題產(chǎn)品主體物的目的。