網頁設計配色應用實例之紫色系(2)

→ 紫色鄰近色網頁例圖：http:// www.bridalbabe.com

　　

　　紫色系分析：（紫色鄰近色配色：紫色+紫紅色）
　　嚴格來說，該頁面配色的色組和紫色關聯上稍有些偏移，之所以做為案例選擇，是因為整體配色上依舊給人有紫色系配色的錯覺。
　　HSB的H色相數值上顯示的260來看，正紫色數值為300，主色調整個往藍色系稍偏移，構成較有視覺感染力的藍紫色。藍紫色在色相環中位于藍色和紫色之間，所以它也蘊含著紫色的一些神秘感。盡管飽和度不是很高60%，但明度達到最高狀態為100％，使得該色彩艷度很強，較高亮度的藍紫色顯得非常高雅，契合網站主題。
　　輔色調HSB的H色相數值為270，已經稍往紫色偏移，紫色特征較明顯，明度較高且較明快的感覺。另一輔助色粉紅色H色相數值為331，稍往紅色系偏移，明度極高為100％，更增添了明快的氣息。
　　點睛色在這里起到了不可忽視的作用，由于淺紫紅較有女性氣質特征，增添了該頁面的女性溫柔細膩的美感。另一點睛色深藍色由于色彩特質所致，這里只是輔助性的做些點綴。

　　結論：
　　淺紫色系給人嫵媚、優雅、嬌氣、清秀、夢幻，充滿女性魅力。
　　上面的配色除了點睛色深藍色明度較低，其他的色彩組合都在不同的程度上提高了明度，增強了頁面所要表達的主題效果。

　　→ 紫色配色應用網頁例圖：http://www.vitaminwater.com

　　

　　紫色系分析：（紫色配色：紫色+紅色）
　　 這是一組非常簡潔精干的配色頁面。主要使用了主、輔兩色調為界，點綴小配色，整體疏密得當，色塊分明的色彩構成。主色調紫HBS模式的H色相數值是283，稍向藍色方位偏移，以致于此種紫色略呈現冷色特征。點睛色主要選擇紅藍黃三種，其中紅色的H色相顯示為347，色值向藍色偏移略呈冷調，因此該顏色在這里顯示沒有僵硬的感覺。另一點睛色橙黃色使用面積非常之小，幾乎讓人忽略。
　　右上角多個線條的小色塊的修飾增強了頁面的視覺感染力。
　　背景黑色不是孤立使用，既響亮的突出前景，又與前景的線條、文字呼應起來，讓整個頁面高品位高層次的特質更明顯。

　　結論：
　　主色調紫色在這里既有沉靜又顯高貴的感覺，提升產品的檔次。點睛色紅色的加入讓這種高貴又檔次的感覺更加明顯。藍色有穩住紫色和紅色的效果。
　　該頁面大色塊的構圖及配色極其簡約，獨具魅力。

　　→ 紫色低純度配色應用網頁例圖：http://www.mandarinaduck.com

　　

　　紫色系分析：（低純度配色：紫色+綠色）
　　該頁面除了點睛色外，整體配色飽和度都很低，所以在視覺上呈柔和狀態。
　　主色調紫色的HSB模式H色相為308，數值稍向紅色傾斜，由于飽和度及明度降低，顏色呈現很平和，空間感增強。輔助色綠色H色相為167，數值稍向藍色偏移，從RGB模式上看，G為125（正綠色時為255，R為0，B為0），R為82，B116，有這兩色混合，因此飽和度和明度都很低，然而在雅致的紫色背景的烘托下，較為突出了綠色的產品這一主角，達到配色目的。另一輔助色灰色，為整體的柔和狀態增添了雅致的氣息。
　　點睛色黃色的特質因素，無疑是這頁面最響亮耀眼的顏色盡管使用的面積較小，它是紫色的對比色，高純度的黃色與低純度的紫色形成較強烈的視覺反差對比效果，也因此使得頁面的沉悶得到一定程度的緩解，提升頁面配色的空間透亮感。

　　結論：
　　整體柔和的配色調子較吻合的體現了尊貴高雅的服飾感覺，并透露出寧靜、安穩、雅致的環境氛圍，充分體現出了紫色運用的最大魅力。

　　
　　本部分小節：

　　● HSB數值H色相為300度時是正紫色，它的特性這個時候也就揮灑得越明顯。從上面的網頁配色實例中我們較全面的看到了不同角色紫色的性格體現。
　　● 紫色是色彩系里明度最低的顏色。盡管如此，高純度的紫色與高級灰度的紫色都透出不同的氣質。神秘、高雅在這里配色是它普遍的詮釋。
　　紫色的純色明度很低，因此它與淺色在一起，從明度關系上就分出了涇渭。為了不與黑白對比混淆，適當地將紫色加白色效果會更好。 由于紫色發冷，紫色配暖色時，暖色不能直接介入，需要調整純度或明度才能形成比較和諧的配色。
　　● 綠色被譽為紫色的絕配色，也是一對復色對比色，它比三原色的對比色要溫和含蓄，由于它們都帶有一點共同成分，相互配合也會協調得多。各自的特質原因，對比之下綠色通常起到比較關鍵的作用。
　　紫色對比色組通常是較小面積的做對比使用，不同面積不同明度飽和度的使用所表達的感受是不一樣的。
　　● 紫色傳達著高貴、優雅、幻想、神秘、莊重的心理感受。藍紫色可以用來創造出都市化的成熟美，且藍紫色可以使心情浮躁的人冷靜下來。明亮的色調直至灰亮的藍紫色有一種與眾不同的神秘美感。低亮度的藍紫色顯得沉穩，高亮度的藍紫色顯得非常高雅。在網頁中，藍紫色通常與藍色一起搭配使用。