橙色具有輕快、歡欣、收獲、溫馨、時尚的效果，是快樂、喜悅、能量的色彩。在整個色譜里，橙色具有興奮度，是最耀眼的色彩。給人以華貴而溫暖，興奮而熱烈的感覺，也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義，能給人有莊嚴(yán)、尊貴、神秘等感覺。橙色在空氣中的穿透力僅次于紅色，也是容易造成視覺疲勞的顏色。

在網(wǎng)頁顏色里，橙色適用于視覺要求較高的時尚網(wǎng)站，屬于注目、芳香的顏色，也常被用于味覺較高的食品網(wǎng)站，是容易引起食欲的顏色。

橙色

【示例】橙色網(wǎng)頁設(shè)計示例截圖如圖所示。

【分析】主色調(diào)橙色HSB數(shù)值的H表示色相，顯示的是30度，而30度正是橙色顯示特征最標(biāo)準(zhǔn)的顏色—正橙色。飽和度和亮度同時達(dá)到最高值，因此整個頁面的視覺刺激是極其耀眼強(qiáng)烈的。這里選取了3種面積相當(dāng)又是整個頁面使用得最少的顏色為點睛色，使頁面生動的同時又運用于導(dǎo)航位置，從而達(dá)到突出主題的效果。

從HSB數(shù)值上看它們的明度純度相對較低，與明度純度較高的背景正橙色形成鮮明的對比。通過范圍較大的背景白色、前景圖片灰白色和小細(xì)節(jié)前景白色文字制造出明快氣氛的同時，又呼應(yīng)統(tǒng)一于整個頁面。輔助色在這里是橙色與白色的過渡色。

【點評】飽和度與純度很高特性明顯的顏色，在達(dá)到視覺沖擊力的同時，可適當(dāng)采用少許對比色調(diào)和緩和于視覺，從而削弱視覺的疲勞度。

【示例】深橙紅色網(wǎng)頁設(shè)計示例截圖如圖所示。

【分析】從色相度中可以知道0度為正紅色，30度為正橙色，而主色調(diào)的HSB數(shù)值H顯示22度可知，該深橙紅色是橙色基礎(chǔ)上加入少許鄰近色紅色，整體上降低了明度而得，因為紅色本身較橙色明度低，因此這里橙紅色的明度呈現(xiàn)出較低狀態(tài)。

這個頁面背景色運用了紋樣，是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而得，使得明度稍暗。輔助色選取了明度相對于主色調(diào)更低的3種顏色，前面兩種飽和度都較高，最后一種灰藍(lán)色由于明度較高因此飽和度降低，是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色。從數(shù)值上看，主色調(diào)也就是背景色的飽和度較高，但是由于降低了明度，顏色變得較沉穩(wěn)。輔助色RGB數(shù)值顯示，添加了適量的其他顏色，G和B數(shù)值區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點睛色的加入和提亮，使頁面視覺效果得到強(qiáng)化。

【點評】前景色通常要較明顯地區(qū)別于背景色，達(dá)到臺前的宣傳目的。當(dāng)飽和度較低的前景色與背景色變化不明顯時，形成的是另外一種柔和統(tǒng)一的效果。

淺橙色

【示例】淺橙色同類色網(wǎng)頁設(shè)計示例截圖如圖所示。

【分析】從主色調(diào)和輔色調(diào)在HSB數(shù)值H顯示的數(shù)值是36可以看出，該頁面色調(diào)是在同一種橙色的基礎(chǔ)上只在明度上發(fā)生了變化。由于主要色調(diào)是淺橙色，明度越高飽和度越低，頁面上減弱了飽和度較高的橙色特性，整個網(wǎng)頁呈現(xiàn)出柔和自然稍有些發(fā)灰的調(diào)子。該網(wǎng)頁是在橙色這一個顏色上做不同明度黑白灰色階的柔和變化，屬于單色調(diào)，配色非常的單純。色階平穩(wěn)，同時存在著不夠醒目的狀態(tài)。白色在這里是起到了拉開主色調(diào)和輔色調(diào)空間距離，增強(qiáng)輔色調(diào)橙色的特性，使整個稍許有些發(fā)灰的頁面明快了不少。但也由于白色屬于非色彩，只在明度上呈最高數(shù)值而無彩度，不能給頁面帶來彩度所具有的鮮活靚麗的感覺，另一方面卻也呈現(xiàn)出質(zhì)樸的感受。

【點評】同類色是在同一色相中不同的明度顏色變化。因此這類顏色相對其他類別顏色來說明凈而單純，配色上較容易達(dá)到協(xié)調(diào)統(tǒng)一，但也容易顯得單調(diào)。初看該頁面配色協(xié)調(diào)舒服，但看多了的確有些單調(diào)乏味的感覺，這也是同類色搭配的特性。

在網(wǎng)頁設(shè)計時同時由于運用了漸變色這一調(diào)和方法，該頁面同時占有了前面提到的4種色彩中的調(diào)和方法的兩種，整個頁面呈現(xiàn)出調(diào)和中的調(diào)和是毋庸置疑的，但也同時顯得有些單調(diào)，沒有色彩亮點。