綠色在黃色和藍(lán)色（冷暖）之間，屬于較中庸的顏色，這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁(yè)中使用最為廣泛的顏色之一。
綠色與人類(lèi)息息相關(guān)，是永恒的欣欣向榮是的自然之色，代表了生命與希望，也充滿了青春活力，綠色象征著和平與安全、發(fā)展與生機(jī)、舒適與安寧、松弛與休息，有緩解眼部疲勞的作用。
它本身具有一定的與自然、健康相關(guān)的感覺(jué)，所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn)。綠色還經(jīng)常用于一些公司的公關(guān)站點(diǎn)或教育站點(diǎn)。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級(jí)的心理感受。
下面我們根據(jù)綠色系不同屬性鄰近色、同類(lèi)色的高純度低純度、對(duì)比色等色彩搭配做不同的舉例分析。
→ 綠色網(wǎng)頁(yè)例圖：http://www. bacardimojito.com
綠色系分析：
從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩中顏色只是在明度上有區(qū)別，其顯示的色相與飽和度是一樣的。正綠色是120度，這兩種顏色從RGB數(shù)值上看，都不同程度的混合了其他少許顏色，因此離正綠色稍有些偏差。由于綠色本身的特性，所以整個(gè)網(wǎng)頁(yè)看起來(lái)很安穩(wěn)舒適。
輔助色只在明度上降低，讓頁(yè)面多了些層次感、空間感。
白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強(qiáng)了視覺(jué)節(jié)奏感。
點(diǎn)睛色恰到好處的體現(xiàn)出了”點(diǎn)睛”這一妙筆，極盡誘惑力，整個(gè)頁(yè)面頓時(shí)生動(dòng)提神起來(lái)，增強(qiáng)了頁(yè)面主題的表達(dá)力。
結(jié)論：
主、輔色調(diào)是屬于同類(lèi)色綠色系，通過(guò)不同明度的變化，能較遞增緩和變化同時(shí)卻也較明顯的體現(xiàn)出頁(yè)面的色彩層次感來(lái)。如果不是通過(guò)數(shù)值來(lái)分析判斷，可能會(huì)有些朋友憑經(jīng)驗(yàn)判斷，容易誤認(rèn)為這兩種顏色除了明度外有可能純度會(huì)有所不同，這時(shí)候適當(dāng)?shù)氖褂脭?shù)值模式會(huì)很容易得到正確的結(jié)論的。
整個(gè)頁(yè)面配色很少：最大色塊的翠綠，第二面積的白色，第三面積的深綠色，但得到的效果卻是強(qiáng)烈的、顯眼的，達(dá)到充分展現(xiàn)產(chǎn)品主題的目的。
深綠色給人茂盛、健康、成熟、穩(wěn)重、生命、開(kāi)闊的心理感受。
→ 綠色高純度網(wǎng)頁(yè)例圖：http://www. marocfruitboard.com
綠色系分析： (高純度配色：綠色+對(duì)比色組合)
HSB數(shù)值H顯示60度為正黃色，該主、輔色調(diào)只向綠色傾斜了一丁點(diǎn)–H為75度。大面積明度稍低的黃綠色為主要色調(diào)，飽和度卻非常高，達(dá)到了100%，輔助色使用了提高明度的嫩綠色和白色，這兩種輔色除了增加頁(yè)面的層次感的同時(shí)，還能讓整個(gè)頁(yè)面配色有透亮的感覺(jué)，增強(qiáng)了綠色的特性。背景深褐色無(wú)疑把前景的所有純色烘托得都耀眼于舞臺(tái)上。
該頁(yè)面有兩組小小的對(duì)比色，一組是黃綠與橙紅色，一組是橙黃色與天藍(lán)色，這兩組配色嚴(yán)格的來(lái)說(shuō)不算對(duì)比色，因?yàn)樯识嗌儆行┢睢ｋm然它們的飽和度降低，但在這個(gè)頁(yè)面中足以構(gòu)成了最響亮的色調(diào)，把整個(gè)頁(yè)面烘托得非?；钴S、鮮明。
結(jié)論：
主、輔色調(diào)黃綠色大面積使用并不刺目，反而使得頁(yè)面看起來(lái)很有朝氣、活力。
適當(dāng)運(yùn)用不同純度的不是相當(dāng)嚴(yán)格意義上的對(duì)比色系組合時(shí)，通常能起到的主要作用是主次關(guān)系明確。不”標(biāo)準(zhǔn)”的對(duì)比色系對(duì)比特性雖然減弱，頁(yè)面色彩看起來(lái)容易協(xié)調(diào)、柔和，但一樣能突出主題。
→ 同類(lèi)色淺綠色網(wǎng)頁(yè)例圖 ： http:// shehouse.we.tv
綠色系分析：(同類(lèi)色淺綠色)
主色調(diào)綠色屬性是明度很高的淺綠色，前面提到過(guò)，通常情況下明度高飽和度就降低，飽和度低頁(yè)面色彩度就降低，除非顏色本身有自己的特性，加上大面積的輔助色白色，整個(gè)頁(yè)面看起來(lái)很清淡、柔和、寧?kù)o，甚至有溫馨的感覺(jué)。
頁(yè)面中使用了漸變的淺綠色，使得整個(gè)頁(yè)面視覺(jué)上更加柔和舒適。
盡管點(diǎn)睛色只在主要標(biāo)志上出現(xiàn)，按鈕也只有少許一點(diǎn)，但也給整個(gè)頁(yè)面的色彩帶來(lái)些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色，飽和度達(dá)到最高值。另一個(gè)點(diǎn)睛色中黃色，在頁(yè)面視覺(jué)上呈綠色與紅色這一組對(duì)比色起到緩和視覺(jué)的作用。因?yàn)樵谏啽砩?，黃色正是在綠色和紅色之間的過(guò)渡色。
結(jié)論：
淺綠色系有優(yōu)雅、休息、安全、和睦、寧?kù)o、柔和的感覺(jué)。
漸變的效果更能加深這種印象。但頁(yè)面配色上淺色過(guò)多時(shí)，整個(gè)頁(yè)面容易呈現(xiàn)發(fā)”灰”的感受，這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊，適當(dāng)?shù)孽r艷的點(diǎn)睛都能很好的解決這一問(wèn)題。
→ 綠色弱對(duì)比網(wǎng)頁(yè)例圖：http:// www. visualade.com
綠色系分析：(黃綠色+弱對(duì)比)
從HSB模式的數(shù)值上看，主色調(diào)是接近于黃色的基礎(chǔ)上加入了少許綠色在里面，飽和度和明度降低，色彩看起來(lái)較柔和。輔色調(diào)墨綠色的綠色的傾向稍高，飽和度也較高，只是明度降低，該色看起來(lái)踏實(shí)沉穩(wěn)。
點(diǎn)睛色紅色H數(shù)值為零度，呈正紅色，但是該顏色飽和度和明度降低，而紅色本身的色度比黃綠色要暗不少，因此顏色穩(wěn)重。另一點(diǎn)睛色藍(lán)綠色，明度飽和度都很低，在頁(yè)面配色里似乎沒(méi)有點(diǎn)睛感覺(jué)，更多的是呈輔助狀態(tài)。
結(jié)論：
主色調(diào)是相對(duì)比較鮮亮的顏色，而輔助色和點(diǎn)睛色是屬于比較沉穩(wěn)的顏色，頁(yè)面通過(guò)大小色塊的對(duì)比提高視覺(jué)的反差力度，增強(qiáng)頁(yè)面的感染力。
由于整個(gè)頁(yè)面的飽和度整體稍微降低，因此該頁(yè)面配色較協(xié)調(diào)、緩和。
