橙色具有輕快、歡欣、收獲、溫馨、時(shí)尚的效果,是快樂、喜悅、能量的色彩。
在整個(gè)色譜里,橙色具有興奮度,是最耀眼的色彩。給人以華貴而溫暖,興奮而熱烈的感覺,也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義,能給人有莊嚴(yán)、尊貴、神秘等感覺。橙色在空氣中的穿透力僅次于紅色,也是容易造成視覺疲勞的顏色。
在網(wǎng)頁顏色里,橙色適用于視覺要求較高的時(shí)尚網(wǎng)站,屬于注目、芳香的顏色,也常被用于味覺較高的食品網(wǎng)站,是容易引起食欲的顏色。
下面我們根據(jù)橙色系不同屬性鄰近色、同類色、對比色的搭配做不同的舉例分析。
橙色
→ 橙色網(wǎng)頁例圖:http:// www.wastelink.co.uk
橙色系分析:
主色調(diào)橙色HSB數(shù)值的H表示色相,顯示的是30度,而30度正是橙色顯示特征最標(biāo)準(zhǔn)的顏色――正橙色。飽和度和亮度同時(shí)達(dá)到最高值,因此整個(gè)頁面的視覺刺激是極其耀眼強(qiáng)烈的。
這里選取了三種面積相當(dāng)又是整個(gè)頁面使用得最少的顏色為點(diǎn)睛色,使頁面生動(dòng)的同時(shí)又運(yùn)用于導(dǎo)航位置,從而達(dá)到突出主題的效果。從HSB數(shù)值上看它們的明度純度相對較低,與明度純度較高的背景正橙色形成鮮明的對比。
通過范圍較大的背景白色、前景圖片灰白色和小細(xì)節(jié)前景白色文字制造出明快氣氛的同時(shí),又呼應(yīng)統(tǒng)一于整個(gè)頁面。
輔助色在這里是橙色與白色的過渡色。
結(jié)論:
飽和度與純度很高特性明顯的顏色,在達(dá)到視覺沖擊力的同時(shí),可適當(dāng)采用少許對比色調(diào)和緩和于視覺,從而削弱視覺的疲勞度。
深橙紅色系
→ 深橙紅色網(wǎng)頁例圖:http:// www.matisserestaurant.ca

深橙紅色系分析:
從色相度中可以知道0度為正紅色,30度為正橙色,而主色調(diào)的HSB數(shù)值H顯示22度可知,該深橙紅色是橙色基礎(chǔ)上加入少許鄰近色紅色,整體上降低了明度而得,因?yàn)榧t色本身較橙色明度低,因此這里橙紅色的明度呈現(xiàn)出較低狀態(tài)。
輔助色選取了明度相對于主色調(diào)更低的三種顏色,前面兩種飽和度都較高,最后一種灰藍(lán)色由于明度較高因此飽和度降低,是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色。
這個(gè)頁面背景色運(yùn)用了紋樣,是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而得,使得明度稍暗。
數(shù)值上看,主色調(diào)也就是背景色的飽和度較高,但是由于降低了明度,顏色變得較沉穩(wěn)。輔助色RGB數(shù)值顯示,添加了適量的其他顏色,G和B數(shù)值區(qū)別不大,因此飽和度降低,顏色趨于柔和穩(wěn)定。點(diǎn)睛色的加入和提亮,使頁面視覺效果得到強(qiáng)化。
結(jié)論:
前景色通常要較明顯的區(qū)別于背景色,達(dá)到臺前的宣傳目的。當(dāng)飽和度較低的前景色與背景色變化不明顯時(shí),形成的是另外一種柔和統(tǒng)一的效果。
淺橙色同類色
→ 淺橙色同類色網(wǎng)頁例圖: http:// www.talentic.com

淺橙色同類色分析:
從主色調(diào)和輔色調(diào)在HSB數(shù)值H顯示的數(shù)值是36可以看出,該頁面色調(diào)是在同一種橙色的基礎(chǔ)上只在明度上發(fā)生了變化。由于主要色調(diào)是淺橙色,明度越高飽和度越低,頁面上減弱了飽和度較高的橙色特性,整個(gè)網(wǎng)頁呈現(xiàn)出柔和自然稍有些發(fā)灰的調(diào)子。
該網(wǎng)頁是在橙色這一個(gè)顏色上做不同明度黑白灰色階的柔和變化,屬于單色調(diào),配色非常的單純。色階平穩(wěn),同時(shí)存在著不夠醒目的狀態(tài)。白色在這里是起到了拉開主色調(diào)和輔色調(diào)空間距離,增強(qiáng)輔色調(diào)橙色的特性,使整個(gè)稍許有些發(fā)灰的頁面明快了不少。但也由于白色屬于非色彩,只在明度上呈最高數(shù)值而無彩度,不能給頁面帶來彩度所具有的鮮活靚麗的感覺,另一方面卻也呈現(xiàn)出質(zhì)樸的感受。
結(jié)論:
前面我們提到過同類色是在同一色相中不同的明度顏色變化。因此這類顏色相對其他類別顏色來說明凈而單純,配色上較容易達(dá)到協(xié)調(diào)統(tǒng)一,但也容易顯得單調(diào)。
初看該頁面配色協(xié)調(diào)舒服,但看多了的確有些單調(diào)乏味的感覺,這也是同類色搭配的特性。同時(shí)由于運(yùn)用了漸變色這一調(diào)和方法,該頁面同時(shí)占有了前面我們提到的4種色彩中的調(diào)和方法的2種,整個(gè)頁面呈現(xiàn)出調(diào)和中的調(diào)和是勿庸置疑的,但也同時(shí)顯得有些單調(diào),沒有色彩亮點(diǎn)。
橙色系鄰近色(黃色+橙色+橙紅色)
→ 鄰近色橙色網(wǎng)頁例圖:http:// www.tide.com

橙色系鄰近色(黃色+橙色+橙紅色)分析:
雖然第一眼看上去似乎色調(diào)上變化很多,但該網(wǎng)頁的色彩構(gòu)成主要是由黃色和橙色這兩種鄰近色構(gòu)成的,通過不同的明度和純度的變化而得到更為豐富的色階,它們是淺黃色、黃色、橙色、橙紅通過不同的形狀面積,位置變化而得。從HSB數(shù)值中的H可以看出屬于暖色范疇,三個(gè)色相的傾向不是很明顯,以至于色彩呈現(xiàn)較規(guī)律、緩和。由于不同數(shù)值的明度表達(dá),純度也做出了不同的數(shù)值變化。
淺色在這里主要起到更調(diào)和主色調(diào)和點(diǎn)睛色的色彩過渡作用。點(diǎn)睛色在這里起到強(qiáng)調(diào)整個(gè)頁面的華麗感,增強(qiáng)整個(gè)頁面彩度的作用。
結(jié)論:
橙色與鄰近色黃、紅暖色調(diào)的搭配組合,這是一種簡單又安全的方法,視覺韻律上處理得井然有序。整個(gè)頁面看起來艷澤華麗、新鮮充滿活力的感覺,符合Tide這一主題所要表達(dá)的目的。
