【示例】藍色與鄰近色綠色搭配的網(wǎng)頁(yè)設計示例截圖如圖所示。

【分析】從HBS模式的S飽和度數值100%上看，不少用戶(hù)會(huì )很疑惑，誤以為較為柔和的顏色飽和度或許會(huì )低，刺眼的顏色通常飽和度較高，其實(shí)不然，每個(gè)顏色有每個(gè)顏色的不同屬性特性。高純度的色彩，明度的降低是協(xié)調視覺(jué)的一個(gè)因素，容易給人造成低純度的錯覺(jué)。

不同塊面的鄰近色交錯排列，增強本頁(yè)面視覺(jué)動(dòng)感。輔色調淺藍色是背景色白色和主色調藍色的中間色，它形成了頁(yè)面配色的中間色階，色彩層次感增強以外，還使整個(gè)頁(yè)面的顏色更為和諧。另一輔色調青色，是藍色和綠色的結合體，包括在標志文字、文字標題上的運用，無(wú)疑活躍了整個(gè)頁(yè)面的配色環(huán)境。

兩個(gè)點(diǎn)睛色都略調高了明度，另一意義上是該頁(yè)面配色的中間色階。兩點(diǎn)睛色都是在主色調藍色、輔色調青色的基礎上衍生出來(lái)的顏色，這里“點(diǎn)睛”的作用不大，都屬于和諧色系。

【點(diǎn)評】很多站點(diǎn)都在使用藍色與青綠色的搭配效果。藍色、青綠色、白色的搭配可以使頁(yè)面看起來(lái)非常干凈清澈，在我們的現實(shí)生活中運用的范圍很廣，可以說(shuō)是隨處可見(jiàn)的。

主顏色選擇明亮的藍色，配以白色的背景和灰亮的輔助色，加上中間色階的運用，可以使頁(yè)面有干凈整潔，給人莊重、充實(shí)的印象。這是一組非常愉悅和諧的鄰近色系配色。中間色適度面積的運用及背景白色讓這組顏色特征發(fā)揮到了極致。

藍色+紅色

【示例】藍色與紅色強對比網(wǎng)頁(yè)設計示例截圖如圖所示。

【分析】藍色是冷色系的最典型的代表了，而紅色是暖色系里最典型的代表，兩冷暖色系對比下讓全頁(yè)的色彩對比異常強烈且興奮，很容易感染帶動(dòng)瀏覽者的激昂情緒。紅色把文字圖片框起來(lái)，在藍色背景對比下，很好地突出主題，又好似模仿投影熒屏的感覺(jué)，讓人迅速地聚焦于視頻中心，達到網(wǎng)站背后的最終目的。輔色調是紅色，從數值上看接近于正紅色，紅色對視覺(jué)傳遞的信息是很快的，屬于高昂響亮的顏色。點(diǎn)睛色分別是黃色、黃綠色。

大家知道，黃色是明度最高的顏色，也較響亮、刺目，在這里的運用能強烈地突現標題。從大的方面來(lái)看，點(diǎn)睛色黃綠色與輔助色紅色是對比色，雖然面積不太大，只小范圍的對比，但是已經(jīng)足以達到了迅速傳遞信息的效果，讓人印象深刻，促成再訪(fǎng)點(diǎn)擊。

【點(diǎn)評】冷暖色系的對比碰撞，充滿(mǎn)激情，能傳遞熾熱情感、強烈刺激主題的目的。該頁(yè)面運用了冷暖、紅綠兩種比較鮮明的對比色，配色積極大膽，視覺(jué)沖擊力很強。

藍色+暖色

【示例】藍色同類(lèi)色（藍色+暖色）對比網(wǎng)頁(yè)示例截圖如圖所示。

亮度的正黃色在這個(gè)頁(yè)面的使用。難度三，黑色的運用。運用排除法細分得到：主色調、輔色調的藍色飽和度一樣都是最高值，色相H上稍微有些微妙區別，亮度上有些變化。點(diǎn)睛色藍色飽和度和明度都較低，介于兩種藍色之間。三者面積如果用得不好頁(yè)面容易呈混沌的灰色狀態(tài)。拿出輔色調藍色，再回到整個(gè)頁(yè)面的配色來(lái)看，頁(yè)面色彩偏重，亮度不夠，缺少中間色階，冷暖主次傾向不夠明顯，這時(shí)把輔色調藍色添加進(jìn)去正好彌補了這種缺憾。

HSB模式顯示H是60度，S飽和度與B明度都是100%，正是正黃色。正黃色只適合做小面積的點(diǎn)睛色使用，大面積使用頁(yè)面配色較難協(xié)調，當然正黃色作為主色調能好配色些。在這樣的頁(yè)面色彩組合里，黑色是很難運用進(jìn)去的，面積使用多了，頁(yè)面有可能會(huì )破壞所營(yíng)造的氛圍、產(chǎn)生不協(xié)調的感覺(jué)。只在輔助性地勾勒于邊框是很好的使用辦法。圖片里的產(chǎn)品顏色，有降低純度的棕黃色、土黃色、米黃色等同類(lèi)黃色系，對該頁(yè)面設計色彩組合調配具有一定的協(xié)調能力。

【點(diǎn)評】通常矢量頁(yè)面的配色相對于圖片配色來(lái)說(shuō)，難度較大，色彩的組織搭配，是根據設計師們自己以往的豐富配色經(jīng)驗，反復調配、反復加減而得。

該頁(yè)面設計師選取了頁(yè)面的產(chǎn)品圖片中的兩三種顏色，例如點(diǎn)睛色里的紅色、藍色和黃色，再大膽地發(fā)揮出主色調藍色、較淺的輔色調藍色和點(diǎn)睛色正黃色，點(diǎn)睛色黃色運用于最能突出產(chǎn)品特色的文字上，這些和諧的元素生動(dòng)趣味，讓整個(gè)頁(yè)面充滿(mǎn)了故事情節。