→ 藍(lán)色對比網(wǎng)頁例圖：http://www.crackerjack.com

　　

　　藍(lán)色同類色對比：藍(lán)色 暖色
　　這是一個配色難度較大的頁面。如何使這些配色和諧又能達(dá)到帶動對比的目的，就要求要有一定的配色經(jīng)驗了。難度一，在于主色調(diào)輔色調(diào)及點睛色的這三種藍(lán)色所充當(dāng)?shù)慕巧�運用。難度二，高純度高亮度的正黃色在這個頁面的使用。難度三，黑色的運用。
　　運用排除法細(xì)分得到：主色調(diào)輔色調(diào)的藍(lán)色飽和度一樣都是最高值，色相H上稍微有些微妙區(qū)別，亮度上有些變化。點睛色藍(lán)色飽和度和明度都較低，介于兩種藍(lán)色之間。三者面積假如用得不好頁面輕易呈混沌的灰色狀態(tài)。拿出輔色調(diào)藍(lán)色，再回到整個頁面的配色來看，頁面色彩偏重，亮度不夠，缺少中間色階，冷暖主次傾向不夠明顯，這時把輔色調(diào)藍(lán)色添加進(jìn)去正好彌補了這種缺憾。
　　HSB模式顯示H是60度，S飽和度與B明度都是100%，正是正黃色。正黃色只適合做小面積的點睛色使用，大面積使用頁面配色較難協(xié)調(diào)，當(dāng)然正黃色做為主色調(diào)能好配色些。
　　在這樣的頁面色彩組合里，黑色是很難運用進(jìn)去的，面積使用多了，頁面有可能會破壞所營造的氛圍、產(chǎn)生不協(xié)調(diào)的感覺。只在輔助性的勾勒于邊框是很好的使用辦法。
　　圖片里的產(chǎn)品顏色，有降低純度的棕黃色、土黃色、米黃色等同類黃色系，對該頁面色彩組合調(diào)配具有一定的協(xié)調(diào)能力。

　　結(jié)論：
　　通常矢量頁面的配色相對于圖片配色來說，難度較大，色彩的組織搭配，是根據(jù)設(shè)計師們自己以往的豐富配色經(jīng)驗，反復(fù)調(diào)配、反復(fù)加減而得。
　　該頁面設(shè)計師選取了頁面的產(chǎn)品圖片中的兩三種顏色，例如點睛色里的紅色、藍(lán)色和黃色，再大膽的發(fā)揮出主色調(diào)藍(lán)色、較淺的輔色調(diào)藍(lán)色和點睛色正黃色，點睛色黃色運用于最能突出產(chǎn)品特色的文字上，這些和諧的元素生動趣味，讓整個頁面布滿了故事情節(jié)。

　　本部分小節(jié)：

　　● HSB數(shù)值H色相為240度時是正藍(lán)色，它的特性這個時候也就揮灑得越明顯。從以上不同屬性的藍(lán)色頁面色調(diào)上能看到，不同色相、飽和度、明度的藍(lán)色本身色彩特性表現(xiàn)得不是非常非凡，這也是低調(diào)沉穩(wěn)的藍(lán)色所具備的特征之一。要害在于該種藍(lán)色都與哪種哪幾種顏色襯托、對比的。

　　● 冷色系以藍(lán)色為最典型的代表，因此就產(chǎn)生了廣義的相對暖色，例如當(dāng)與玫瑰紫色做對比時，玫瑰紫就呈現(xiàn)出微妙的暖色，當(dāng)與綠色做對比色，綠色就呈出了相對的暖色，但是此種特性呈現(xiàn)得非常的微弱，應(yīng)根據(jù)不同的主題頁面做具體分析。

　　● 當(dāng)在藍(lán)色色相、明度上暗色亮色非常明朗的情況下，可以考慮添加中間色，減弱可能造成的單調(diào)感，豐富兩極色階的過渡，調(diào)和頁面的視覺感受。

　　● 同一種RGB、HSB數(shù)值的藍(lán)色與不同的顏色搭配時，所反映出的特性與主題是不一樣的。例如與同類色(根據(jù)色相明度純度面積等同類色里得到很多種不同的藍(lán)色)，與鄰近色(根據(jù)色相明度純度面積等衍生出更多顏色)，與對比色(根據(jù)色相明度純度面積等產(chǎn)生出的廣義對比狹義對比)…… 應(yīng)多多思考、多做嘗試。

　　下一節(jié)：網(wǎng)頁設(shè)計配色系列簡析——紫色系