兩種或兩種以上的色彩合理搭配，產(chǎn)生統(tǒng)一諧調(diào)的效果，稱為色彩調(diào)和。色彩調(diào)和是求得視覺統(tǒng)一，達(dá)到人們心理平衡的重要手段。

　　調(diào)和就是統(tǒng)一，下面介紹的四種方法能夠達(dá)到調(diào)和頁面色彩的目的。

　　■ 同種色的調(diào)和
　　相同色相、不同明度和純度的色彩調(diào)和。使之產(chǎn)生秩序的漸進(jìn)，在明度、純度的變化上，彌補(bǔ)同種色相的單調(diào)感。

　　→ 同種色的調(diào)和網(wǎng)頁例圖：http://www. solar1.org
　　
　　

　　同種色的調(diào)和分析：

　　同種色給人的感覺是相當(dāng)協(xié)調(diào)的。它們通常在同一個(gè)色相里，通過明度的黑白灰或者純度的不同來稍微加以區(qū)別的，產(chǎn)生了及其微妙的韻律美。為了不至于讓整個(gè)頁面呈現(xiàn)過于單調(diào)平淡，有些頁面則是加入極其小的其他顏色做點(diǎn)綴。該頁面使用了同種色的黃色系，淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。
　　結(jié)論：
　　同種色被稱為最穩(wěn)妥的色彩搭配方法。

　　■ 類似色的調(diào)和
　　在色環(huán)中,色相越靠近越調(diào)和。主要靠類似色之間的共同色來產(chǎn)生作用。

→ 類似色的調(diào)和網(wǎng)頁例圖：http://www. solar1.org



　　類似色的調(diào)和分析：

　　類似色相較于同類色色彩之間的可搭配度要大些，顏色豐富、富于變化。
　　以上頁面主要取的是色環(huán)中的黃色、綠色、藍(lán)色通過明度、純度、面積上的不同實(shí)現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)的米黃色在頁面中使用面積最大，但是我們看到由于它的明度非常高，飽和度就降低了，因此在頁面中處在不明顯的角色。而綠色的純度最高，且使用面積次之，頁面顯示較顯眼，因此用于次級導(dǎo)航位置上。整個(gè)頁面主次的視覺引導(dǎo)分明。
　　結(jié)論：
　　不是每種主色調(diào)都是極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁面中用的份量極少，卻又起到突出主體的作用。

純白色數(shù)值為R255,G255,B255	純黑色數(shù)值為R0,G0,B0
紅色數(shù)值為R255,G0,B0	綠色數(shù)值為R0,G255,B0
藍(lán)色數(shù)值為R0,G0,B255	黃色數(shù)值為R255,G255,B0

　　RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終就是以RGB方式出現(xiàn)。

　　■ HSB
　　是顏色分為色相、飽和度、明度三個(gè)因素。英文為H(Hue)、S（Saturation）B（Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。

　　■ 明度（Value）：
　　也叫亮度，指顏色的深淺、明暗程度，沒有色相和飽和度的區(qū)別。不同的顏色，反射的光量強(qiáng)弱不一，因而會(huì)產(chǎn)生不同程度的明暗。非色彩的?⒒搖?捉夏芐蝸蟮謀澩镎庖惶刂省＜BR>


　　明度的遞增

→ 明度網(wǎng)頁例圖：http://www.once-upon-a-forest.com

　　明度分析：
　　從上圖網(wǎng)頁所選取的4個(gè)主要色塊的RGB數(shù)值來看，這4塊色彩組合顯示的RGB數(shù)值很高，接近于最高值255。RGB相互間的數(shù)值相近，由于有RG的高數(shù)值與B高數(shù)值混合，整個(gè)網(wǎng)頁給人的感覺非常協(xié)調(diào)，柔和雅致，心情愉悅。
結(jié)論：
　　RGB同時(shí)呈現(xiàn)相近的高數(shù)值時(shí)，相近等量的色彩相互混合，頁面呈高明度灰色段，協(xié)調(diào)的柔和狀態(tài)，令人遐想，對視覺刺激是緩慢的，適合長時(shí)間觀看。但由于數(shù)值接近，因此色階平穩(wěn)，同時(shí)存在著不夠醒目的狀態(tài)。

　　藍(lán)色的樸實(shí)、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，運(yùn)用對比手法，同時(shí)也活躍頁面。另一方面又有消極、冷淡、保守等意味。藍(lán)色與紅、黃等色運(yùn)用得當(dāng)，能構(gòu)成和諧的對比調(diào)和關(guān)系。

　　藍(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛的顏色。
　　藍(lán)色表達(dá)著深遠(yuǎn)、永恒、沉靜、無限、理智、誠實(shí)、寒冷的多種感覺。藍(lán)色會(huì)給人很強(qiáng)烈的安穩(wěn)感，同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。

　　下面我們根據(jù)藍(lán)色系不同屬性的同類色、鄰近色、高純度對比、相對對比色等色彩搭配做不同的舉例分析。

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

　　藍(lán)色系分析：(高純度對比：藍(lán)色+玫瑰色)
　　藍(lán)色的HSB數(shù)值H色相為240度時(shí)是正藍(lán)色。上圖的HSB模式S數(shù)值顯示，所有主要配色的飽和度都是100%。從主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩種顏色在明度上有較大的區(qū)別，色相上稍有輕度變化，飽和度相同。RGB模式上看，主色調(diào)與輔色調(diào)R數(shù)值都為0，G綠色的數(shù)值和B藍(lán)色數(shù)值分量的變化，得到了不同藍(lán)色的兩結(jié)果。點(diǎn)睛色僅是R紅色與B藍(lán)色兩色調(diào)和而得沒有摻雜其他顏色，因此飽和度呈最高值100%。整個(gè)頁面配色的飽和度都為100%，頁面整體配色看起來視覺沖擊力異常強(qiáng)烈。
　　輔助色白色讓頁面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。

　　結(jié)論：響亮、強(qiáng)烈刺激的詞語似乎都適用于上圖頁面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚(yáng)時(shí)尚的氣息。白色塊面的線型使得這種高純度高強(qiáng)度的配色變得響亮卻也緩和。
　　輔色調(diào)藍(lán)色的運(yùn)用透露出設(shè)計(jì)師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍(lán)色廣義上的對比來說是暖色，在這里與藍(lán)色搭配算是絕配了。整個(gè)頁面無不體現(xiàn)出特色和個(gè)性。

　　→ 藍(lán)色淺藍(lán)色網(wǎng)頁例圖：http://www.voeslauer.com/start.html

　　藍(lán)色系分析： (同類色：淺藍(lán)色)
　　主色調(diào)HSB數(shù)值H顯示200度，色輪度稍向綠色方位傾斜，但是由于從180度到270度基本上給人的視覺呈現(xiàn)還是藍(lán)色范疇，因此與視覺上廣義的藍(lán)色差別不大。
　　該頁面中間色較多，主要是在藍(lán)色范疇內(nèi)做明度的變化，所以色度差非常緩和，以致于頁面的色彩呈現(xiàn)非常柔和，甚至稍有些發(fā)灰的感覺，好在該頁面還有些較大色塊的淺藍(lán)色及白色，拉大了頁面的色階，使得這種灰的感覺減弱不少。
　　點(diǎn)睛色的HSB數(shù)值是258，色輪趨勢是向暖色紫色(相對冷暖色)傾向，變化微妙，是本頁面最溫暖的顏色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間，所以它也蘊(yùn)含著紫色的一些神秘感，加上淺藍(lán)色的雅致，所以亮度較高的藍(lán)紫色顯得非常高雅。在網(wǎng)頁中，藍(lán)紫色通常與藍(lán)色一起搭配使用。

　　結(jié)論：
　　淺藍(lán)色給人一種很寧靜安靜的心理感受。淺藍(lán)色系有淡雅、清新、浪漫、高級的特質(zhì)，常用于化妝品、女性、服裝網(wǎng)站。它是最具涼爽，清新特征的色彩。和白色混合時(shí)，能體現(xiàn)柔順，淡雅，浪漫的氣氛。
　　主色調(diào)選擇明亮的藍(lán)色，配以白色的背景和灰亮的輔助色，可以使站點(diǎn)干凈而整潔，給人莊重、充實(shí)的印象。
　　該頁面基本上屬于同類色系，也是最保守穩(wěn)妥且調(diào)和的配色方案。但該種配色看久了容易呈現(xiàn)出平淡乏味的感受。

→ 藍(lán)色深藍(lán)色網(wǎng)頁例圖： http://www.ro-audio.com

　　藍(lán)色系分析：(深藍(lán)色)
　　HSB數(shù)值顯示主色調(diào)和輔色調(diào)的H色相接近，飽和度為最高，都為100%，兩者只在明度上有區(qū)別，分別是35%和65%。三維厚重的設(shè)計(jì)風(fēng)格，用調(diào)和法之一的漸變手法，把主色調(diào)和輔色調(diào)進(jìn)行了緩緩的過渡，增強(qiáng)了層次感，體現(xiàn)個(gè)性魅力，符合該頁面視音頻風(fēng)格網(wǎng)站的主題。
　　雖然是被譽(yù)為點(diǎn)睛色，但從整個(gè)頁面來看由于面積關(guān)系，點(diǎn)睛色在這里所起的作用不大，僅僅就蜻蜓點(diǎn)水而已。相反的輔助色在這里卻起到了較為突顯的作用――讓整個(gè)沉悶的本只起烘托作用的深藍(lán)色得到充分的展示。另一輔色調(diào)灰色令白色與深藍(lán)色反差不易過大，起到調(diào)和的目的。白色增強(qiáng)了整個(gè)頁面的視覺感，使之更醒目。

　　結(jié)論：
　　深藍(lán)色是沉穩(wěn)的且較常用的色調(diào)。能給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、冷漠、深沉、成熟的心理感受。它主要用于營造安穩(wěn)、可靠、略帶有神秘色彩的氛圍。
　　深藍(lán)色明度偏暗，基于上面對深藍(lán)色的特質(zhì)描述，在常規(guī)網(wǎng)站的設(shè)計(jì)里，可能不適合做太大面積的使用。但根據(jù)不同網(wǎng)站主題的設(shè)計(jì)需要可以做些不同的嘗試。

　→ 藍(lán)色純度對比網(wǎng)頁例圖：http://www.ccw.gov.uk

　　藍(lán)色系分析：(純度對比)
　　從HSB模式上的數(shù)值顯示情況進(jìn)行分析，全頁基本上是屬于高純度配色，各顏色特性相互輝映、相互交融，把整個(gè)頁面環(huán)境渲染得異常鮮亮和熱鬧。
　　冷暖色系之間跨度很大：藍(lán)色、綠色、黃色、橙黃色、朱紅色、土橙黃色、墨綠色，幾乎按照色輪表上的軌跡進(jìn)行。也由于面積有多有少的原因，因此頁面看起來較明快調(diào)和。其中土橙黃色和墨綠色是頁面明度最重的顏色，從RGB色值上可看出，都分別的混合了其他顏色，因此飽和度相對較低，略呈灰色狀態(tài)，另一種意義上來說這種灰色狀態(tài)是調(diào)和色的一種很好的方式。
　　由于有大面積的主色調(diào)和背景色做掌控，加之以上因素綜合分析，無論頁面再多再細(xì)再耀眼的顏色都能很好的統(tǒng)一在同一個(gè)頁面之中。

　　結(jié)論：
　　非常明快活潑、跳躍的富有趣味性的配色。使人勾起了無限愉悅的童趣。
　　高純度的藍(lán)色主色調(diào)配合的其他高純度冷暖色調(diào)對比，會(huì)營造出一種整潔輕快的印象。
　　根據(jù)色輪表的緩和過渡及使用面積多少，判斷分析出頁面調(diào)和程度。

　　為了讓大家對紅色的理解做更好的區(qū)別，下面我們分別對紅色系根據(jù)鄰近色、同類色、對比色的搭配做不同的舉例分析。

　　朱紅色

　　→ 朱紅色網(wǎng)頁例圖：http://www.muchvibe.ca

 

　　朱紅色在紅色系里傾向黃色方向，是大紅色加入黃色而得。在色環(huán)表中，純紅色在HSB里為0度，往360度方向呈現(xiàn)的是冷紅色系，0度方向?yàn)辄S色系。
　　整個(gè)頁面里，主色調(diào)朱紅色面積非常大、確定明顯，輔助色主要由黑色、深紅構(gòu)成，（數(shù)值上選取的是深紅色做標(biāo)示）。主色調(diào)的R呈現(xiàn)出255最高數(shù)值，S中100%，充分標(biāo)明了紅色最高特性。輔助色的深紅R為222，B87%，顯示其充當(dāng)輔助角色的這一特性。

　　結(jié)論：
　　背景色朱紅由于紅色特性明顯，飽和度、明度都非常的高，這里運(yùn)用了輔助色深紅、黑色壓住并牽制朱紅色搶眼的個(gè)性，也同樣能達(dá)到突出前景主要圖片內(nèi)容的目的。點(diǎn)睛色主要用于標(biāo)志的突出上，其他導(dǎo)航文字、圖片的部分運(yùn)用等，調(diào)和并達(dá)到了不至于使得整個(gè)頁面刺激中又透出的沉悶感。
　　這類顏色的組合比較容易使人提升興奮度，紅色特性明顯，這一醒目的特殊屬性，比較被廣泛的應(yīng)用于食品、時(shí)尚休閑等等類型的網(wǎng)站。

　深紅色

　　→ 深紅色網(wǎng)頁例圖：http:// www.sisley.com

　　深紅色在原有的紅色基礎(chǔ)上降低了明度而得，是紅色系中的明度變化。通過上圖的數(shù)值顯示看出明度較低。
　　這類顏色的組合隨著明度的變暗，比較容易制造深邃、幽怨的故事氣氛。傳達(dá)的是穩(wěn)重、成熟、高貴、消極的心理感受。
　　這個(gè)頁面背景色運(yùn)用了紋樣，是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而的，使得明度稍暗。
　　數(shù)值上看，主色調(diào)也就是背景色的飽和度較高，但是由于降低了明度，顏色變得較沉穩(wěn)。輔助色RGB添加了適量的其他顏色，G和B數(shù)值區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點(diǎn)睛色的加入提亮，頁面視覺效果強(qiáng)化。

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

　　玫瑰紅色

　　→ 玫瑰紅色網(wǎng)頁例圖：http://www.gentverwent.be

　　玫瑰紅色在色環(huán)上實(shí)際已經(jīng)接近冷色，是紅色系中的色相的微妙變化，是紅色系里的冷色系。我們在HSB中H數(shù)值可看出，0度為紅色的最高值，越接近0度數(shù)值紅色特性越明顯，否則逐漸冷色傾斜，而該數(shù)值偏離0度稍遠(yuǎn)。
　　這個(gè)頁面主要由兩種不同明度、純度的玫瑰色調(diào)組成。兩色數(shù)值顯示，我們看到RGB數(shù)值中R呈現(xiàn)的數(shù)值最高，紅色特性較明顯。輔助色調(diào)的玫瑰色，加入少許G，色調(diào)向冷色稍微偏移，也由于加入了G，在HSB數(shù)值里，飽和度輕微減弱，但隨著明度增加，色彩趨于艷麗，符合突出前景的目的。主色調(diào)雖然純度達(dá)到最高飽和，但由于明度降低，相對于輔色調(diào)較沉穩(wěn)，適合做背景色。
　　數(shù)值上看，由于背景色和前景色的明度較為接近，加入白色邊框，強(qiáng)烈了前景色于背景色的區(qū)分，加強(qiáng)視覺強(qiáng)化效果。

　　結(jié)論：
　　背景色和前景色的明度較接近，顏色給人的視覺表象較悶，加入少量白色劃分使得色彩引導(dǎo)的主次塊面更分明，頁面明快許多。
　　這類顏色的組合多用于女性主題，例如：化妝品、服裝等，容易營造出嬌媚、誘惑、艷麗等氣氛。

　明度粉紅色

　　→ 明度粉紅色網(wǎng)頁例圖：http:// www.enjo.com.au

　　粉紅色主要是紅色系中的明度的高亮度的變化。是紅色系里的冷色系。RGB數(shù)值顯示明度較高，因此HSB中S純度下降，幾乎呈最低值。
　　主色調(diào)和輔助色調(diào)數(shù)值對比可知：主色調(diào)混合的G的份量較多且明度較高，因此純度較低，色調(diào)柔和，在框架區(qū)域內(nèi)較適合做類似背景色的輔助性崗位。輔助色R數(shù)值比主色調(diào)的R數(shù)值稍高，紅色性稍明顯，加入的G相對少，B明度稍低，因此相對純度要高，輔色位置應(yīng)用在框架區(qū)域的導(dǎo)航位置，起到突出導(dǎo)航作用。點(diǎn)睛色突出標(biāo)志及購物主體的作用。
　　背景白色除了突出前面粉紅色主體的作用，在前景也有出現(xiàn)，背景色與前景色的相互牽制，減少空間距離的效果。

　　結(jié)論：
　　RGB數(shù)值中，數(shù)值同時(shí)呈現(xiàn)相近的高數(shù)值時(shí)，色彩越柔和協(xié)調(diào)，純度相對降低，頁面呈高明度灰色段，視覺刺激緩慢。這里以粉紅色為主色調(diào)的頁面，女性主題內(nèi)容特征傾向明顯。這組粉紅色頁面里，由于純度都較低，任何一個(gè)純度高小面積使用的顏色都能起到點(diǎn)睛的效果。
　　這類顏色的組合多用于女性主題，例如：化妝品、服裝等，鮮嫩而充滿誘惑，傳達(dá)著柔情、嬌媚、溫柔、甜蜜、純真、誘惑的心理感受。

　 深橙紅色系
　　
　　  
　　 → 深橙紅色網(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á)到臺(tái)前的宣傳目的。當(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á)的目的。

　　→ 黃色同類色網(wǎng)頁例圖：www.paralotna.pl
　　

　　黃色同類色分析
　　該頁面的配色很單純，是同類色的黃色不同明度顏色，頁面看起來干凈、單純。
點(diǎn)睛色白色淡黃色在深色黃色背景下比較顯眼，且在最中間位置，是整個(gè)頁面中的高調(diào)部分。
　　這三種黃色，明度都很高，只有背景輔助色明度稍低，點(diǎn)睛黃色H色相是三種顏色中黃色傾向最高的為57度，而60度是正黃色，因此明度也是最高的，充分的發(fā)揮其點(diǎn)睛色的作用。
　　背景色和前景色只在色相上明度上有非常微妙的變化，卻也很巧妙，形成了變化較明顯的空間層次感，削弱了同類色易產(chǎn)生的單調(diào)感。點(diǎn)睛色白色讓層次感更明顯。

　　結(jié)論：
　　同類色的屬性使得整個(gè)頁面非常和諧，可以根據(jù)不同的主題來設(shè)計(jì)配色。
　　可以通過明度、飽和度的不同變化來加強(qiáng)頁面配色的層次感。

　　→ 中黃色應(yīng)用網(wǎng)頁例圖： www.totshop.com
　　

　　中黃色系分析：
　　背景中黃色上點(diǎn)綴多種艷度較高的顏色，都是屬于跳躍的顏色，渲染整個(gè)網(wǎng)站的熱鬧環(huán)境氣氛，符合該網(wǎng)站的設(shè)計(jì)主題。
　　從HSB數(shù)值上看，該中黃色的明度和飽和度呈最高值，屬于明亮耀眼的顏色。輔助色是黃綠色和紅色，黃綠色在中黃背景下呈冷色調(diào)，輕快單薄的亮色；紅色的HSB數(shù)值H色相上看是正紅色，明度稍低，這里屬于厚重沉穩(wěn)的顏色，在中黃色背景下呈現(xiàn)暖色調(diào)；背景中黃色在黃綠色和紅色兩者中這時(shí)呈中間色，是很好的整體頁面視覺過渡色。
　　加之商品圖片多種亮艷的色澤混合在同一頁面上，點(diǎn)睛色白色在這里起到了調(diào)和多種顏色的作用，減少、透氣于整個(gè)頁面的多種配色噪音。

　　結(jié)論：
　　當(dāng)背景色起到中間色的作用時(shí)，頁面少量冷暖色彩搭配較容易調(diào)和。
　　通常商品網(wǎng)站志在渲染熱鬧氣氛，比較適合活潑跳躍、色彩絢麗的配色方案，但色彩的調(diào)和難度較大。


　　→ 黃綠色調(diào)網(wǎng)頁例圖： www.jpggrupo.com.ar
　　
　　黃綠色調(diào)分析：
　　主色調(diào)為黃綠色，單純而看，黃綠色是通常的暖色的起始色、色彩中亮度最高的黃色與冷色的起始色、綠色相結(jié)合而得，因此該顏色看起來非常明快清新。
　　處于輔助色的非色彩黑色，中間的點(diǎn)綴色是主色調(diào)黃綠色，很容易讓人一時(shí)以為該顏色就是點(diǎn)睛色。實(shí)際主色調(diào)黃綠色的明度非常高，飽和度這時(shí)也很高，在明度最低的黑色襯映下就異常顯眼。
　　背景色使用略有些漸變的效果，正是黃綠和黑（灰）顏色的柔和過渡，頁面調(diào)和。
　　點(diǎn)睛色在這里混色較多，RGB、HSB數(shù)值差距都不大，因此顏色偏灰色階，仔細(xì)分析是黃綠色與少許黑色混合而得，起到了調(diào)和背景色與輔助色明度差異過大的作用。

　　結(jié)論：
　　點(diǎn)睛色可以是少許耀眼的顏色，也可以是少許協(xié)調(diào)于視覺的混合灰色，無論是耀眼的顏色還是謙遜沉穩(wěn)的灰色，都是不可缺少的角色，有著不可替代的作用。
　　整個(gè)頁面配色較單純，只有三種色，非色彩來說分別起到黑（輔助黑）白（主色黃綠）灰（點(diǎn)睛混合色）的作用，所以頁面配色較有層次感，并不顯得單調(diào)。

　　綠色在黃色和藍(lán)色（冷暖）之間，屬于較中庸的顏色，這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁中使用最為廣泛的顏色之一。

　　綠色與人類息息相關(guān)，是永恒的欣欣向榮是的自然之色，代表了生命與希望，也充滿了青春活力，綠色象征著和平與安全、發(fā)展與生機(jī)、舒適與安寧、松弛與休息，有緩解眼部疲勞的作用。
　　它本身具有一定的與自然、健康相關(guān)的感覺，所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn)。綠色還經(jīng)常用于一些公司的公關(guān)站點(diǎn)或教育站點(diǎn)。
　　綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級的心理感受。
　　下面我們根據(jù)綠色系不同屬性鄰近色、同類色的高純度低純度、對比色等色彩搭配做不同的舉例分析。

　　→ 綠色網(wǎng)頁例圖：http://www. bacardimojito.com

　　綠色系分析：
　　從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩中顏色只是在明度上有區(qū)別，其顯示的色相與飽和度是一樣的。正綠色是120度，這兩種顏色從RGB數(shù)值上看，都不同程度的混合了其他少許顏色，因此離正綠色稍有些偏差。由于綠色本身的特性，所以整個(gè)網(wǎng)頁看起來很安穩(wěn)舒適。
　　輔助色只在明度上降低，讓頁面多了些層次感、空間感。
　　白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強(qiáng)了視覺節(jié)奏感。
　　點(diǎn)睛色恰到好處的體現(xiàn)出了”點(diǎn)睛”這一妙筆，極盡誘惑力，整個(gè)頁面頓時(shí)生動(dòng)提神起來，增強(qiáng)了頁面主題的表達(dá)力。

　　結(jié)論：
　　主、輔色調(diào)是屬于同類色綠色系，通過不同明度的變化，能較遞增緩和變化同時(shí)卻也較明顯的體現(xiàn)出頁面的色彩層次感來。如果不是通過數(shù)值來分析判斷，可能會(huì)有些朋友憑經(jīng)驗(yàn)判斷，容易誤認(rèn)為這兩種顏色除了明度外有可能純度會(huì)有所不同，這時(shí)候適當(dāng)?shù)氖褂脭?shù)值模式會(huì)很容易得到正確的結(jié)論的。
　　整個(gè)頁面配色很少：最大色塊的翠綠，第二面積的白色，第三面積的深綠色，但得到的效果卻是強(qiáng)烈的、顯眼的，達(dá)到充分展現(xiàn)產(chǎn)品主題的目的。
　　深綠色給人茂盛、健康、成熟、穩(wěn)重、生命、開闊的心理感受。

　　→ 綠色高純度網(wǎng)頁例圖：http://www. marocfruitboard.com

　　綠色系分析： (高純度配色：綠色+對比色組合)
　　HSB數(shù)值H顯示60度為正黃色，該主、輔色調(diào)只向綠色傾斜了一丁點(diǎn)–H為75度。大面積明度稍低的黃綠色為主要色調(diào)，飽和度卻非常高，達(dá)到了100%，輔助色使用了提高明度的嫩綠色和白色，這兩種輔色除了增加頁面的層次感的同時(shí)，還能讓整個(gè)頁面配色有透亮的感覺，增強(qiáng)了綠色的特性。背景深褐色無疑把前景的所有純色烘托得都耀眼于舞臺(tái)上。
　　該頁面有兩組小小的對比色，一組是黃綠與橙紅色，一組是橙黃色與天藍(lán)色，這兩組配色嚴(yán)格的來說不算對比色，因?yàn)樯识嗌儆行┢?。雖然它們的飽和度降低，但在這個(gè)頁面中足以構(gòu)成了最響亮的色調(diào)，把整個(gè)頁面烘托得非?；钴S、鮮明。

　　結(jié)論：
　　主、輔色調(diào)黃綠色大面積使用并不刺目，反而使得頁面看起來很有朝氣、活力。
　　適當(dāng)運(yùn)用不同純度的不是相當(dāng)嚴(yán)格意義上的對比色系組合時(shí)，通常能起到的主要作用是主次關(guān)系明確。不”標(biāo)準(zhǔn)”的對比色系對比特性雖然減弱，頁面色彩看起來容易協(xié)調(diào)、柔和，但一樣能突出主題。

　　→ 同類色淺綠色網(wǎng)頁例圖 ： http:// shehouse.we.tv

　　綠色系分析：(同類色淺綠色)
　　主色調(diào)綠色屬性是明度很高的淺綠色，前面提到過，通常情況下明度高飽和度就降低，飽和度低頁面色彩度就降低，除非顏色本身有自己的特性，加上大面積的輔助色白色，整個(gè)頁面看起來很清淡、柔和、寧靜，甚至有溫馨的感覺。
　　頁面中使用了漸變的淺綠色，使得整個(gè)頁面視覺上更加柔和舒適。
　　盡管點(diǎn)睛色只在主要標(biāo)志上出現(xiàn)，按鈕也只有少許一點(diǎn)，但也給整個(gè)頁面的色彩帶來些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色，飽和度達(dá)到最高值。另一個(gè)點(diǎn)睛色中黃色，在頁面視覺上呈綠色與紅色這一組對比色起到緩和視覺的作用。因?yàn)樵谏啽砩?，黃色正是在綠色和紅色之間的過渡色。

　　結(jié)論：
　　淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。
　　漸變的效果更能加深這種印象。但頁面配色上淺色過多時(shí)，整個(gè)頁面容易呈現(xiàn)發(fā)”灰”的感受，這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊，適當(dāng)?shù)孽r艷的點(diǎn)睛都能很好的解決這一問題。

　　→ 綠色弱對比網(wǎng)頁例圖：http:// www. visualade.com

　　綠色系分析：(黃綠色+弱對比)
　　從HSB模式的數(shù)值上看，主色調(diào)是接近于黃色的基礎(chǔ)上加入了少許綠色在里面，飽和度和明度降低，色彩看起來較柔和。輔色調(diào)墨綠色的綠色的傾向稍高，飽和度也較高，只是明度降低，該色看起來踏實(shí)沉穩(wěn)。
　　點(diǎn)睛色紅色H數(shù)值為零度，呈正紅色，但是該顏色飽和度和明度降低，而紅色本身的色度比黃綠色要暗不少，因此顏色穩(wěn)重。另一點(diǎn)睛色藍(lán)綠色，明度飽和度都很低，在頁面配色里似乎沒有點(diǎn)睛感覺，更多的是呈輔助狀態(tài)。

　　結(jié)論：
　　主色調(diào)是相對比較鮮亮的顏色，而輔助色和點(diǎn)睛色是屬于比較沉穩(wěn)的顏色，頁面通過大小色塊的對比提高視覺的反差力度，增強(qiáng)頁面的感染力。
　　由于整個(gè)頁面的飽和度整體稍微降低，因此該頁面配色較協(xié)調(diào)、緩和。

　　紫色是一種在自然界中比較少見的顏色。象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力，也象征著神秘與莊重、神圣和浪漫。另一方面又有孤獨(dú)等意味。紫色在西方宗教世界中是一種代表尊貴的顏色，大主教身穿的教袍便采用了紫色。

　　紫色的明度在有彩色的色度中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。在紫色中紅的成份較多時(shí)，顯得華麗和諧。紫色中加入少量的黑，沉重、傷感、恐怖、莊嚴(yán)的感覺。紫色中加入白，變得優(yōu)雅、嬌氣，并充滿女性的魅力。

　　紫色通常用于以女性為對象或以藝術(shù)作品介紹為主的站點(diǎn)，但很多大公司的站點(diǎn)中也喜歡使用包含神秘色彩的紫色，但都很少做大面積使用。

　　不同色調(diào)的紫色可以營造非常濃郁的女性化氣息，在白色的背景色和灰色的突出顏色的襯托下，紫色可以顯示出更大的魅力。

　　下面我們根據(jù)紫色系不同屬性的鄰近色、高純度低純度配色、相對對比色等色彩搭配做不同的舉例分析。

　　→ 紫色高純度網(wǎng)頁例圖：http:// www.everythinggirl.com

　　

　　紫色系分析：（高純度對比：同類紫色+同類對比色）
　　紫色的HSB數(shù)值H色相為300度時(shí)是正紫色。上圖的HSB模式S數(shù)值顯示，上組顏色飽和度基本都比較高，加上部分較高的明度組合，使該頁面異常奢華艷麗。
　　輔色調(diào)之一的黃色是紫色強(qiáng)度最高的對比色，主、輔色面積的大小不同是形成視覺沖擊力最大的主要原因。值得一提的是右下腳的淺藍(lán)色的運(yùn)用，它在整個(gè)頁面配色上是很謙遜的角色，但卻既突出上面的文字內(nèi)容，又不張揚(yáng)的壓抑住其他顏色的配色，屬于豐富于頁面的輔助作用。如果把它試換成別的顏色似乎還是沒有這個(gè)淺藍(lán)色效果好。
　　另一輔助色淺紫紅色又稱粉紅色，粉紅色主要用于包含少女在內(nèi)的女性站點(diǎn)。因?yàn)閺拿髁恋綔\白色調(diào)的粉紅色能夠表現(xiàn)出可愛、乖巧的感覺，這里只做少量運(yùn)用。
　　其他點(diǎn)睛色使用得雖多但面積很小，主要是主色調(diào)紫色附近的過渡色，例如群青、青蓮、玫瑰、紅色等點(diǎn)綴，閃亮耀眼，增強(qiáng)頁面的視覺感染力，有渲染出華麗凸顯現(xiàn)代氣息的作用。

　　結(jié)論：
　　紫色結(jié)合紅色的紫紅色是非常女性化的顏色，它給人的感覺通常都是浪漫、柔和、華麗、高貴優(yōu)雅，特別是粉紅色可以說是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗，而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)。
　　紫紅色并不能隨意在所有的站點(diǎn)中使用，但使用恰當(dāng)?shù)淖霞t色會(huì)給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。
　　該頁面具有非常強(qiáng)烈的現(xiàn)代奢華感。時(shí)尚張揚(yáng)的配色組合，符合該頁面主題所要表達(dá)的環(huán)境，讓人容易記住它。

→ 紫色淺紫色網(wǎng)頁例圖：http://www.oopsy-daisy.com

　　

　　紫色系分析：（淺紫色）
　　該頁面使用特性最高的紫色提亮為100％高明度的主色調(diào)，很容易抓住人們的視線成為聚焦點(diǎn)，是非常大膽又時(shí)尚的配色。
　　輔色調(diào)則是使用冷色系代表的深藍(lán)色，明度較低。主要是為了烘托左邊導(dǎo)航菜單，凸顯上面的內(nèi)容信息，由于人們對網(wǎng)頁已然形成了視覺慣性，也起到了很好的視覺引導(dǎo)作用。
　　主、輔色的搭配運(yùn)用構(gòu)成了較強(qiáng)烈的視覺對比效果。
　　另一輔色調(diào)淺藍(lán)色，在主色調(diào)淺紫色的烘托下呈現(xiàn)稚嫩的感受，里面的白色塊起到淺紫的背景和淺藍(lán)色調(diào)和、明快的作用。
　　點(diǎn)睛色的使用實(shí)際有不少，這里只選幾種起到主要作用的顏色做舉例分析。中黃色運(yùn)用得很珍貴，只在左上區(qū)域出現(xiàn)，旨在突出主題文字的效果。其他配色主要是根據(jù)左下文字字母而來，紅和綠色出現(xiàn)在頁面的淺紫色較為寬敞的位置，小范圍的做色彩對比效果。其他點(diǎn)睛色則極少的零星分布，既調(diào)和呼應(yīng)又起到活躍于頁面的角色作用，以上這些都是點(diǎn)綴和渲染頁面氣氛不可缺少的配色元素。

　　結(jié)論：
　　在紫色中加入白色，可使紫色略顯沉悶的特征消失，變得清秀、優(yōu)雅、嬌氣，并充滿女性的魅力。
　　白色、粉紫色、天藍(lán)色的顏色搭配，是比較稚嫩的配色，同時(shí)也是最受少女歡迎的配色方案，這里運(yùn)用也較得體。
　　使用高明度高飽和的主色調(diào)非常個(gè)性，讓人很容易記住它，但是色彩都有兩面性，此種顏色略顯驕躁感過于刺激視覺，不易于長時(shí)間的注目瀏覽。

→ 紫色深紫色網(wǎng)頁例圖： http://www.dinis91.com

　　

　　紫色系分析：（深紫色）
　　以略有漸變色為背景主色調(diào)，漸變色是調(diào)和方法之一，起到增加層次感空間感柔和視覺的作用。背景色左上最亮處的特殊處理，主要起到突出了標(biāo)志的作用。
　　從HSB模式H色相數(shù)值上看到輔助色依舊以主色調(diào)延伸而成，僅在明度上做了些變化，屬于同類色的調(diào)和色系。
　　點(diǎn)睛色皆選用了色彩色系中明度最高的黃色及相近色黃綠、玫瑰紅。黃色和黃綠色真就點(diǎn)睛之筆――黃色是紫色的對比色，深紫色背景上的高明度黃色被襯托得異常跳躍。黃綠色既和諧又增添了頁面配色的高強(qiáng)度節(jié)奏。玫瑰紅在這里是最溫暖的顏色，協(xié)調(diào)且增強(qiáng)了頁面配色的層次感。根據(jù)各顏色的特質(zhì)，在視覺上成功做了先后次序的引導(dǎo)。白色雖是非色彩，但也起到拉大色彩之間色階層次的作用，增強(qiáng)了頁面空間感，也使以上配色更調(diào)和。

　　結(jié)論： 　　
　　深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺，創(chuàng)造、謎、忠誠、神秘、稀有。
　　整個(gè)頁面配色尤其是點(diǎn)睛色的妙用，使得整個(gè)頁面非常新穎別致，極賦現(xiàn)代都市氣息。
　　根據(jù)面積的大小對比，適當(dāng)?shù)膶Ρ壬茏岉撁嬗谢钴S、明快的氣氛。

　→ 紫色配色網(wǎng)頁例圖：http://www.kidskandoo.com

　　

　　紫色系分析：（紫色配色：紫色＋綠色）
　　綠色被譽(yù)為紫色的絕配色。主色調(diào)是飽和度降低明度較低的紫色，輔色調(diào)是色彩明度較高的草綠色及沉穩(wěn)的深藍(lán)色。
　　點(diǎn)睛色雖然被稱為點(diǎn)睛色，但在整個(gè)頁面中使用的面積極小，與其他色系所占的比重來看，這兩種點(diǎn)睛色小到幾乎給忽略。盡管從HSB模式數(shù)值上看到，橙黃色為高純度高明度色，只在主題文字上有些體現(xiàn)。另一藍(lán)綠色所處的位置在顯眼的網(wǎng)站名稱后方，謙遜程度幾乎不為人們注意到，盡管它才是網(wǎng)站背后所要表達(dá)的真正主題。
　　草綠色和深藍(lán)色把大面積的白色框起來，襯托起前景，但也許由于白色面積使用過大，為了不至于讓它太突出，在白色的背景上點(diǎn)綴較淺的紋樣來降低這種感覺。
　　背景色紫色由于色彩特質(zhì)明度較低的緣故，與明度較高的輔助色草綠色形成較明快的效果。

　　結(jié)論：
　　點(diǎn)睛色根據(jù)頁面所占的面積因素，也有的僅起到輔助的作用。相反草綠色或許由于色彩特質(zhì)的原因，這里起到比較強(qiáng)調(diào)的強(qiáng)勢目的，在該頁面配色里起到非常關(guān)鍵的作用。

　灰色介于灰色和白色之間，中性色、中等明度、無色彩、極低色彩的顏色?；疑軌蛭掌渌实幕盍Γ魅跎实膶α⒚?，而制造出融合的作用。

　　灰色是一種中立色，具有中庸、平凡、溫和、謙讓、中立和高雅的心理感受，也被稱為高級灰，是經(jīng)久不衰、最經(jīng)看的顏色。

　　任何色彩加入灰色都能顯得含蓄而柔和。但是灰色在給人高品味、含蓄、精致、雅致耐人尋味的同時(shí)，也容易給人頹廢、蒼涼、消極、沮喪、沉悶的感受，如果搭配不好頁面容易顯得灰暗、臟。

　　從色彩學(xué)上來說，灰色調(diào)又泛指所有含灰色度的復(fù)合色，而復(fù)合色又是三種以上顏色的調(diào)和色。色彩可以有紅灰、黃灰、藍(lán)灰等上萬種彩色灰，這都是灰色調(diào)，而并不單指純正的灰色。
　　
　　下面我們根據(jù)灰色搭配不同的顏色所表現(xiàn)出的視覺特性，做一些不同的舉例分析。
　　
　　→ 灰色網(wǎng)頁（明度淺灰色）例圖：http://www.canubia.com
　　
　　
　　
　　灰色系分析：（明度淺灰色）
　　從頁面所呈現(xiàn)的明度色調(diào)來看，整個(gè)頁面偏淺灰色調(diào)，柔美高雅的灰調(diào)子。
　　主色調(diào)及背景色是接近于明度白色且非常淺的灰調(diào)，輔色調(diào)的灰調(diào)子明度上較主色調(diào)稍深些，另一輔色調(diào)為白色。
　　RGB模式顯示點(diǎn)睛色紅色R217及G9來看不是正紅色，在如此灰調(diào)子的頁面來看，如果不參考RGB模式肉眼幾乎看不出來。如果沒有點(diǎn)睛色的加入整個(gè)頁面呈毫無生氣的灰色系，略有些臟的感覺，平淡且乏味，沒能使大家對它產(chǎn)生過多的印象。紅色的特性把以上的這些平淡的感受打破了，讓人愿意細(xì)品灰色所帶來的悠長韻味。
　　HSB模式的B也能看出淺灰色在明度上較高，部分漸變的深灰色在頁面上所占用的面積也不少，另一點(diǎn)睛色黑色的作用就是使明度色階跨度加深、明確，整個(gè)頁面呈現(xiàn)灰蒙蒙的感覺得以減弱。
　　
　　結(jié)論：
　　該頁面整個(gè)看起來也可以說只有兩種色彩搭配，即非色彩系黑白灰和色彩系紅色，頁面顯得非常簡潔而含蓄。點(diǎn)睛色的加入減少了非色調(diào)淺灰色有可能產(chǎn)生的單調(diào)感覺。

　　→ 灰色網(wǎng)頁（同類灰色系：灰色＋橙色）例圖：http://www.hcreativos.com
　　
　　
　　
　　灰色系分析：（同類灰色系：灰色＋橙色）
　　該頁面主要以大面積的灰色系列為主，主色調(diào)為背景色非常明確。部分灰色只在明度上加深了，增強(qiáng)灰色的空間感。
　　從RGB所呈現(xiàn)的均衡數(shù)值及HSB模式的HS都為零來看，主色調(diào)的淺灰色屬于非常純凈的非色彩，沒有摻雜其他色系進(jìn)去。而輔色調(diào)的兩個(gè)模式上就有些差異，HSB模式的H顯示180度色相上偏青藍(lán)色，有及其微弱的飽和度，明度也較低。點(diǎn)睛色壬?SB顯示為正桔紅色且飽和度和明度都為100％，應(yīng)該是及其耀眼的顏色，然而在大面積背景主色調(diào)下，此種耀眼的顏色得到緩解，這正是與灰色的配色后顯示出灰色最強(qiáng)烈的特性–削弱緩和刺激耀眼的顏色。
　　點(diǎn)睛色橙色和白色點(diǎn)綴下打破了平面平淡的配色格局，眼前頓時(shí)一亮的感覺。
　　
　　結(jié)論：
　　灰色調(diào)非色彩所構(gòu)成的頁面頗具有獨(dú)特的魅力，整個(gè)頁面呈現(xiàn)出平穩(wěn)緩和的氣質(zhì)。兩個(gè)點(diǎn)睛色橙色和白色起到調(diào)動(dòng)配色頁面的作用。

　　　→ 灰色應(yīng)用（同類灰色＋多種顏色）網(wǎng)頁例圖： http://www.kimbyungjin.com
　　
　　
　　
　　灰色系分析：（同類灰色＋多種顏色）
　　這是一個(gè)灰色階變化較多的頁面，形成較有節(jié)奏塊面分明的韻律美感。這一變化改善了灰色容易形成的呆板單調(diào)特性。
　　從HSB模式數(shù)值來看，主色調(diào)輔色調(diào)都是非色彩的正灰色，沒有摻雜其他色彩進(jìn)去。點(diǎn)睛色黃色、綠色H數(shù)值上顯示有些色相偏移都略向暖色色環(huán)靠攏，這兩顏色的特性是屬于較顯眼的顏色。另外兩點(diǎn)睛色粉紅和粉藍(lán)色在色相上已經(jīng)較接近于正色系，明度較高飽和度降低。這四種顏色盡管所使用的面積非常少，但結(jié)合了面積上相對使用較多的非色彩白色，讓整個(gè)頁面配色雅致的同時(shí)不乏生動(dòng)活躍。
　　
　　結(jié)論：
　　不同灰色背景的變化，前景使用面積較少的純凈色點(diǎn)綴，這幾種顏色還同樣出現(xiàn)在右上角產(chǎn)生平衡色彩的呼應(yīng)作用，整個(gè)頁面產(chǎn)生雅致和諧的視覺美感。