網(wǎng)頁設(shè)計配色應用實例剖析.doc

網(wǎng)頁設(shè)計配色應用實例剖析紫色系-紫色是一種在自然界中比較少見的顏色。象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力，也象征著神秘與莊重、神圣和浪漫。另一方面又有孤獨等意味。紫色在西方宗教世界中是一種代表尊貴的顏色，大主教身穿的教袍便采用了紫色。紫色的明度在有彩色的色度中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。在紫色中紅的成份較多時，顯得華麗和諧。紫色中加入少量的黑，沉重、傷感、恐怖、莊嚴的感覺。紫色中加入白，變得優(yōu)雅、嬌氣，并充滿女性的魅力。紫色通常用于以女性為對象或以藝術(shù)作品介紹為主的站點，但很多大公司的站點中也喜歡使用包含神秘色彩的紫色，但都很少做大面積使用。不同色調(diào)的紫色可以營造非常濃郁的女性化氣息，在白色的背景色和灰色的突出顏色的襯托下，紫色可以顯示出更大的魅力。下面我們根據(jù)紫色系不同屬性的鄰近色、高純度低純度配色、相對對比色等色彩搭配做不同的舉例分析。 紫色高純度網(wǎng)頁例圖紫色系分析：（高純度對比：同類紫色+同類對比色）紫色的HSB數(shù)值H色相為300度時是正紫色。上圖的HSB模式S數(shù)值顯示，上組顏色飽和度基本都比較高，加上部分較高的明度組合，使該頁面異常奢華艷麗。輔色調(diào)之一的黃色是紫色強度最高的對比色，主、輔色面積的大小不同是形成視覺沖擊力最大的主要原因。值得一提的是右下腳的淺藍色的運用，它在整個頁面配色上是很謙遜的角色，但卻既突出上面的文字內(nèi)容，又不張揚的壓抑住其他顏色的配色，屬于豐富于頁面的輔助作用。如果把它試換成別的顏色似乎還是沒有這個淺藍色效果好。另一輔助色淺紫紅色又稱粉紅色，粉紅色主要用于包含少女在內(nèi)的女性站點。因為從明亮到淺白色調(diào)的粉紅色能夠表現(xiàn)出可愛、乖巧的感覺，這里只做少量運用。 其他點睛色使用得雖多但面積很小，主要是主色調(diào)紫色附近的過渡色，例如群青、青蓮、玫瑰、紅色等點綴，閃亮耀眼，增強頁面的視覺感染力，有渲染出華麗凸顯現(xiàn)代氣息的作用。結(jié)論：紫色結(jié)合紅色的紫紅色是非常女性化的顏色，它給人的感覺通常都是浪漫、柔和、華麗、高貴優(yōu)雅，特別是粉紅色可以說是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗，而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)。紫紅色并不能隨意在所有的站點中使用，但使用恰當?shù)淖霞t色會給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。 該頁面具有非常強烈的現(xiàn)代奢華感。時尚張揚的配色組合，符合該頁面主題所要表達的環(huán)境，讓人容易記住它。- 紫色淺紫色網(wǎng)頁例圖： 紫色系分析：（淺紫色）該頁面使用特性最高的紫色提亮為100高明度的主色調(diào)，很容易抓住人們的視線成為聚焦點，是非常大膽又時尚的配色。輔色調(diào)則是使用冷色系代表的深藍色，明度較低。主要是為了烘托左邊導航菜單，凸顯上面的內(nèi)容信息，由于人們對網(wǎng)頁已然形成了視覺慣性，也起到了很好的視覺引導作用。主、輔色的搭配運用構(gòu)成了較強烈的視覺對比效果。另一輔色調(diào)淺藍色，在主色調(diào)淺紫色的烘托下呈現(xiàn)稚嫩的感受，里面的白色塊起到淺紫的背景和淺藍色調(diào)和、明快的作用。點睛色的使用實際有不少，這里只選幾種起到主要作用的顏色做舉例分析。中黃色運用得很珍貴，只在左上區(qū)域出現(xiàn)，旨在突出主題文字的效果。其他配色主要是根據(jù)左下文字字母而來，紅和綠色出現(xiàn)在頁面的淺紫色較為寬敞的位置，小范圍的做色彩對比效果。其他點睛色則極少的零星分布，既調(diào)和呼應又起到活躍于頁面的角色作用，以上這些都是點綴和渲染頁面氣氛不可缺少的配色元素。 結(jié)論：在紫色中加入白色，可使紫色略顯沉悶的特征消失，變得清秀、優(yōu)雅、嬌氣，并充滿女性的魅力。白色、粉紫色、天藍色的顏色搭配，是比較稚嫩的配色，同時也是最受少女歡迎的配色方案，這里運用也較得體。 使用高明度高飽和的主色調(diào)非常個性，讓人很容易記住它，但是色彩都有兩面性，此種顏色略顯驕躁感過于刺激視覺，不易于長時間的注目瀏覽。窗體底端-紫色系分析：（深紫色）以略有漸變色為背景主色調(diào)，漸變色是調(diào)和方法之一，起到增加層次感空間感柔和視覺的作用。背景色左上最亮處的特殊處理，主要起到突出了標志的作用。從HSB模式H色相數(shù)值上看到輔助色依舊以主色調(diào)延伸而成，僅在明度上做了些變化，屬于同類色的調(diào)和色系。點睛色皆選用了色彩色系中明度最高的黃色及相近色黃綠、玫瑰紅。黃色和黃綠色真就點睛之筆黃色是紫色的對比色，深紫色背景上的高明度黃色被襯托得異常跳躍。黃綠色既和諧又增添了頁面配色的高強度節(jié)奏。玫瑰紅在這里是最溫暖的顏色，協(xié)調(diào)且增強了頁面配色的層次感。根據(jù)各顏色的特質(zhì)，在視覺上成功做了先后次序的引導。白色雖是非色彩，但也起到拉大色彩之間色階層次的作用，增強了頁面空間感，也使以上配色更調(diào)和。結(jié)論： 深紫色給人華貴、深遠、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺，創(chuàng)造、謎、忠誠、神秘、稀有。整個頁面配色尤其是點睛色的妙用，使得整個頁面非常新穎別致，極賦現(xiàn)代都市氣息。 根據(jù)面積的大小對比，適當?shù)膶Ρ壬茏岉撁嬗谢钴S、明快的氣氛。- 紫色配色網(wǎng)頁例圖： 紫色系分析：（紫色配色：紫色綠色）綠色被譽為紫色的絕配色。主色調(diào)是飽和度降低明度較低的紫色，輔色調(diào)是色彩明度較高的草綠色及沉穩(wěn)的深藍色。 點睛色雖然被稱為點睛色，但在整個頁面中使用的面積極小，與其他色系所占的比重來看，這兩種點睛色小到幾乎給忽略。盡管從HSB模式數(shù)值上看到，橙黃色為高純度高明度色，只在主題文字上有些體現(xiàn)。另一藍綠色所處的位置在顯眼的網(wǎng)站名稱后方，謙遜程度幾乎不為人們注意到，盡管它才是網(wǎng)站背后所要表達的真正主題。草綠色和深藍色把大面積的白色框起來，襯托起前景，但也許由于白色面積使用過大，為了不至于讓它太突出，在白色的背景上點綴較淺的紋樣來降低這種感覺。 背景色紫色由于色彩特質(zhì)明度較低的緣故，與明度較高的輔助色草綠色形成較明快的效果。結(jié)論：點睛色根據(jù)頁面所占的面積因素，也有的僅起到輔助的作用。相反草綠色或許由于色彩特質(zhì)的原因，這里起到比較強調(diào)的強勢目的，在該頁面配色里起到非常關(guān)鍵的作用。- 紫色鄰近色網(wǎng)頁例圖： 紫色系分析：（紫色鄰近色配色：紫色+紫紅色）嚴格來說，該頁面配色的色組和紫色關(guān)聯(lián)上稍有些偏移，之所以做為案例選擇，是因為整體配色上依舊給人有紫色系配色的錯覺。HSB的H色相數(shù)值上顯示的260來看，正紫色數(shù)值為300，主色調(diào)整個往藍色系稍偏移，構(gòu)成較有視覺感染力的藍紫色。藍紫色在色相環(huán)中位于藍色和紫色之間，所以它也蘊含著紫色的一些神秘感。盡管飽和度不是很高60%，但明度達到最高狀態(tài)為100，使得該色彩艷度很強，較高亮度的藍紫色顯得非常高雅，契合網(wǎng)站主題。輔色調(diào)HSB的H色相數(shù)值為270，已經(jīng)稍往紫色偏移，紫色特征較明顯，明度較高且較明快的感覺。另一輔助色粉紅色H色相數(shù)值為331，稍往紅色系偏移，明度極高為100，更增添了明快的氣息。點睛色在這里起到了不可忽視的作用，由于淺紫紅較有女性氣質(zhì)特征，增添了該頁面的女性溫柔細膩的美感。另一點睛色深藍色由于色彩特質(zhì)所致，這里只是輔助性的做些點綴。結(jié)論：淺紫色系給人嫵媚、優(yōu)雅、嬌氣、清秀、夢幻，充滿女性魅力。上面的配色除了點睛色深藍色明度較低，其他的色彩組合都在不同的程度上提高了明度，增強了頁面所要表達的主題效果。- 紫色配色應用網(wǎng)頁例圖： 紫色系分析：（紫色配色：紫色+紅色） 這是一組非常簡潔精干的配色頁面。主要使用了主、輔兩色調(diào)為界，點綴小配色，整體疏密得當，色塊分明的色彩構(gòu)成。主色調(diào)紫HBS模式的H色相數(shù)值是283，稍向藍色方位偏移，以致于此種紫色略呈現(xiàn)冷色特征。點睛色主要選擇紅藍黃三種，其中紅色的H色相顯示為347，色值向藍色偏移略呈冷調(diào)，因此該顏色在這里顯示沒有僵硬的感覺。另一點睛色橙黃色使用面積非常之小，幾乎讓人忽略。右上角多個線條的小色塊的修飾增強了頁面的視覺感染力。背景黑色不是孤立使用，既響亮的突出前景，又與前景的線條、文字呼應起來，讓整個頁面高品位高層次的特質(zhì)更明顯。結(jié)論：主色調(diào)紫色在這里既有沉靜又顯高貴的感覺，提升產(chǎn)品的檔次。點睛色紅色的加入讓這種高貴又檔次的感覺更加明顯。藍色有穩(wěn)住紫色和紅色的效果。該頁面大色塊的構(gòu)圖及配色極其簡約，獨具魅力。窗體底端- 紫色低純度配色應用網(wǎng)頁例圖： 紫色系分析：（低純度配色：紫色+綠色）該頁面除了點睛色外，整體配色飽和度都很低，所以在視覺上呈柔和狀態(tài)。主色調(diào)紫色的HSB模式H色相為308，數(shù)值稍向紅色傾斜，由于飽和度及明度降低，顏色呈現(xiàn)很平和，空間感增強。輔助色綠色H色相為167，數(shù)值稍向藍色偏移，從RGB模式上看，G為125（正綠色時為255，R為0，B為0），R為82，B116，有這兩色混合，因此飽和度和明度都很低，然而在雅致的紫色背景的烘托下，較為突出了綠色的產(chǎn)品這一主角，達到配色目的。另一輔助色灰色，為整體的柔和狀態(tài)增添了雅致的氣息。點睛色黃色的特質(zhì)因素，無疑是這頁面最響亮耀眼的顏色盡管使用的面積較小，它是紫色的對比色，高純度的黃色與低純度的紫色形成較強烈的視覺反差對比效果，也因此使得頁面的沉悶得到一定程度的緩解，提升頁面配色的空間透亮感。結(jié)論：整體柔和的配色調(diào)子較吻合的體現(xiàn)了尊貴高雅的服飾感覺，并透露出寧靜、安穩(wěn)、雅致的環(huán)境氛圍，充分體現(xiàn)出了紫色運用的最大魅力。本部分小節(jié)： HSB數(shù)值H色相為300度時是正紫色，它的特性這個時候也就揮灑得越明顯。從上面的網(wǎng)頁配色實例中我們較全面的看到了不同角色紫色的性格體現(xiàn)。 紫色是色彩系里明度最低的顏色。盡管如此，高純度的紫色與高級灰度的紫色都透出不同的氣質(zhì)。神秘、高雅在這里配色是它普遍的詮釋。紫色的純色明度很低，因此它與淺色在一起，從明度關(guān)系上就分出了涇渭。為了不與黑白對比混淆，適當?shù)貙⒆仙影咨Ч麜谩?由于紫色發(fā)冷，紫色配暖色時，暖色不能直接介入，需要調(diào)整純度或明度才能形成比較和諧的配色。 綠色被譽為紫色的絕配色，也是一對復色對比色，它比三原色的對比色要溫和含蓄，由于它們都帶有一點共同成分，相互配合也會協(xié)調(diào)得多。各自的特質(zhì)原因，對比之下綠色通常起到比較關(guān)鍵的作用。紫色對比色組通常是較小面積的做對比使用，不同面積不同明度飽和度的使用所表達的感受是不一樣的。 紫色傳達著高貴、優(yōu)雅、幻想、神秘、莊重的心理感受。藍紫色可以用來創(chuàng)造出都市化的成熟美，且藍紫色可以使心情浮躁的人冷靜下來。明亮的色調(diào)直至灰亮的藍紫色有一種與眾不同的神秘美感。低亮度的藍紫色顯得沉穩(wěn)，高亮度的藍紫色顯得非常高雅。在網(wǎng)頁中，藍紫色通常與藍色一起搭配使用。網(wǎng)頁設(shè)計配色應用實例剖析紅色-紅色的色感溫暖，性格剛烈而外向，是一種對人刺激性很強的顏色。紅色容易引起人的注意，也容易使人興奮、激動、緊張、沖動、還是一種容易造成人視覺疲勞的顏色。在眾多顏色里，紅色是最鮮明生動的、最熱烈的顏色。因此紅色也是代表熱情的情感之色。鮮明紅色極容易吸引人們的目光。紅色在不同的明度、純度的狀態(tài)（粉紅、鮮紅、深紅）里，給人表達的情感是不一樣的。在網(wǎng)頁顏色的應用機率中，根據(jù)網(wǎng)頁主題內(nèi)容的需求，純粹使用紅色為主色調(diào)的網(wǎng)站相對較少，多用于輔助色、點睛色，達到陪襯、醒目的效果。通常都配以其他顏色調(diào)和。紅色相對于其他顏色，視覺傳遞速度最快。由于以上的這些紅色傳達出的特性，因此人們喜歡用紅色作為警示符號的顏色，例如：消防、驚嘆號、錯誤提示等等。 為了讓大家對紅色的理解做更好的區(qū)別，下面我們分別對紅色系根據(jù)鄰近色、同類色、對比色的搭配做不同的舉例分析。 朱紅色 朱紅色網(wǎng)頁例圖： 朱紅色在紅色系里傾向黃色方向，是大紅色加入黃色而得。在色環(huán)表中，純紅色在HSB里為0度，往360度方向呈現(xiàn)的是冷紅色系，0度方向為黃色系。整個頁面里，主色調(diào)朱紅色面積非常大、確定明顯，輔助色主要由黑色、深紅構(gòu)成，（數(shù)值上選取的是深紅色做標示）。主色調(diào)的R呈現(xiàn)出255最高數(shù)值，S中100%，充分標明了紅色最高特性。輔助色的深紅R為222，B87%，顯示其充當輔助角色的這一特性。結(jié)論：背景色朱紅由于紅色特性明顯，飽和度、明度都非常的高，這里運用了輔助色深紅、黑色壓住并牽制朱紅色搶眼的個性，也同樣能達到突出前景主要圖片內(nèi)容的目的。點睛色主要用于標志的突出上，其他導航文字、圖片的部分運用等，調(diào)和并達到了不至于使得整個頁面刺激中又透出的沉悶感。 這類顏色的組合比較容易使人提升興奮度，紅色特性明顯，這一醒目的特殊屬性，比較被廣泛的應用于食品、時尚休閑等等類型的網(wǎng)站。-深紅色 深紅色網(wǎng)頁例圖：http:/ 深紅色在原有的紅色基礎(chǔ)上降低了明度而得，是紅色系中的明度變化。通過上圖的數(shù)值顯示看出明度較低。這類顏色的組合隨著明度的變暗，比較容易制造深邃、幽怨的故事氣氛。傳達的是穩(wěn)重、成熟、高貴、消極的心理感受。這個頁面背景色運用了紋樣，是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而的，使得明度稍暗。數(shù)值上看，主色調(diào)也就是背景色的飽和度較高，但是由于降低了明度，顏色變得較沉穩(wěn)。輔助色RGB添加了適量的其他顏色，G和B數(shù)值區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點睛色的加入提亮，頁面視覺效果強化。結(jié)論：前景色通常要較明顯的區(qū)別于背景色，達到臺前的宣傳目的。當飽和度較低的前景色與背景色變化不明顯時形成的是另外一種柔和統(tǒng)一的效果網(wǎng)頁設(shè)計配色應用實例剖析紅色系2006-10-12 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計在線責任編輯：Shiny-玫瑰紅色 玫瑰紅色網(wǎng)頁例圖：http:/www.gentverwent.be 玫瑰紅色在色環(huán)上實際已經(jīng)接近冷色，是紅色系中的色相的微妙變化，是紅色系里的冷色系。我們在HSB中H數(shù)值可看出，0度為紅色的最高值，越接近0度數(shù)值紅色特性越明顯，否則逐漸冷色傾斜，而該數(shù)值偏離0度稍遠。這個頁面主要由兩種不同明度、純度的玫瑰色調(diào)組成。兩色數(shù)值顯示，我們看到RGB數(shù)值中R呈現(xiàn)的數(shù)值最高，紅色特性較明顯。輔助色調(diào)的玫瑰色，加入少許G，色調(diào)向冷色稍微偏移，也由于加入了G，在HSB數(shù)值里，飽和度輕微減弱，但隨著明度增加，色彩趨于艷麗，符合突出前景的目的。主色調(diào)雖然純度達到最高飽和，但由于明度降低，相對于輔色調(diào)較沉穩(wěn)，適合做背景色。數(shù)值上看，由于背景色和前景色的明度較為接近，加入白色邊框，強烈了前景色于背景色的區(qū)分，加強視覺強化效果。結(jié)論：背景色和前景色的明度較接近，顏色給人的視覺表象較悶，加入少量白色劃分使得色彩引導的主次塊面更分明，頁面明快許多。這類顏色的組合多用于女性主題，例如：化妝品、服裝等，容易營造出嬌媚、誘惑、艷麗等氣氛。網(wǎng)頁設(shè)計配色應用實例剖析藍色系關(guān)鍵字: 網(wǎng)頁設(shè)計 配色 藍 色是色彩中比較沉靜的顏色。象征著永恒與深邃、高遠與博大、壯闊與浩渺，是令人心境暢快的顏色。 藍色的樸實、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強擴張力的色彩，運用對比手法，同時也活躍頁面。另一方面又有消極、冷淡、保守等意味。藍色與紅、黃等色運用得當，能構(gòu)成和諧的對比調(diào)和關(guān)系。藍色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計中運用得最多的顏色，也是許多人鐘愛的顏色。藍色表達著深遠、永恒、沉靜、無限、理智、誠實、寒冷的多種感覺。藍色會給人很強烈的安穩(wěn)感，同時藍色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。下面我們根據(jù)藍色系不同屬性的同類色、鄰近色、高純度對比、相對對比色等色彩搭配做不同的舉例分析。 藍色高純度對比網(wǎng)頁例圖 ： 藍色系分析：(高純度對比：藍色+玫瑰色)藍色的HSB數(shù)值H色相為240度時是正藍色。上圖的HSB模式S數(shù)值顯示，所有主要配色的飽和度都是100%。從主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩種顏色在明度上有較大的區(qū)別，色相上稍有輕度變化，飽和度相同。RGB模式上看，主色調(diào)與輔色調(diào)R數(shù)值都為0，G綠色的數(shù)值和B藍色數(shù)值分量的變化，得到了不同藍色的兩結(jié)果。點睛色僅是R紅色與B藍色兩色調(diào)和而得沒有摻雜其他顏色，因此飽和度呈最高值100%。整個頁面配色的飽和度都為100%，頁面整體配色看起來視覺沖擊力異常強烈。輔助色白色讓頁面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。結(jié)論： 響亮、強烈刺激的詞語似乎都適用于上圖頁面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚時尚的氣息。白色塊面的線型使得這種高純度高強度的配色變得響亮卻也緩和。輔色調(diào)藍色的運用透露出設(shè)計師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍色廣義上的對比來說是暖色，在這里與藍色搭配算是絕配了。整個頁面無不體現(xiàn)出特色和個性。正文分頁：1 2 3 4 5 6 7 藍 色是色彩中比較沉靜的顏色。象征著永恒與深邃、高遠與博大、壯闊與浩渺，是令人心境暢快的顏色。 藍色的樸實、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強擴張力的色彩，運用對比手法，同時也活躍頁面。另一方面又有消極、冷淡、保守等意味。藍色與紅、黃等色運用得當，能構(gòu)成和諧的對比調(diào)和關(guān)系。藍色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計中運用得最多的顏色，也是許多人鐘愛的顏色。藍色表達著深遠、永恒、沉靜、無限、理智、誠實、寒冷的多種感覺。藍色會給人很強烈的安穩(wěn)感，同時藍色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。下面我們根據(jù)藍色系不同屬性的同類色、鄰近色、高純度對比、相對對比色等色彩搭配做不同的舉例分析。 藍色高純度對比網(wǎng)頁例圖 ： 藍色系分析：(高純度對比：藍色+玫瑰色)藍色的HSB數(shù)值H色相為240度時是正藍色。上圖的HSB模式S數(shù)值顯示，所有主要配色的飽和度都是100%。從主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩種顏色在明度上有較大的區(qū)別，色相上稍有輕度變化，飽和度相同。RGB模式上看，主色調(diào)與輔色調(diào)R數(shù)值都為0，G綠色的數(shù)值和B藍色數(shù)值分量的變化，得到了不同藍色的兩結(jié)果。點睛色僅是R紅色與B藍色兩色調(diào)和而得沒有摻雜其他顏色，因此飽和度呈最高值100%。整個頁面配色的飽和度都為100%，頁面整體配色看起來視覺沖擊力異常強烈。輔助色白色讓頁面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。結(jié)論： 響亮、強烈刺激的詞語似乎都適用于上圖頁面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚時尚的氣息。白色塊面的線型使得這種高純度高強度的配色變得響亮卻也緩和。輔色調(diào)藍色的運用透露出設(shè)計師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍色廣義上的對比來說是暖色，在這里與藍色搭配算是絕配了。整個頁面無不體現(xiàn)出特色和個性。正文分頁：1 2 3 4 5 6 7 藍色淺藍色網(wǎng)頁例圖 ：/start.html 藍色系分析： (同類色：淺藍色)主色調(diào)HSB數(shù)值H顯示200度，色輪度稍向綠色方位傾斜，但是由于從180度到270度基本上給人的視覺呈現(xiàn)還是藍色范疇，因此與視覺上廣義的藍色差別不大。該頁面中間色較多，主要是在藍色范疇內(nèi)做明度的變化，所以色度差非常緩和，以致于頁面的色彩呈現(xiàn)非常柔和，甚至稍有些發(fā)灰的感覺，好在該頁面還有些較大色塊的淺藍色及白色，拉大了頁面的色階，使得這種灰的感覺減弱不少。點睛色的HSB數(shù)值是258，色輪趨勢是向暖色紫色(相對冷暖色)傾向，變化微妙，是本頁面最溫暖的顏色。藍紫色在色相環(huán)中位于藍色和紫色之間，所以它也蘊含著紫色的一些神秘感，加上淺藍色的雅致，所以亮度較高的藍紫色顯得非常高雅。在網(wǎng)頁中，藍紫色通常與藍色一起搭配使用。結(jié)論：淺藍色給人一種很寧靜安靜的心理感受。淺藍色系有淡雅、清新、浪漫、高級的特質(zhì)，常用于化妝品、女性、服裝網(wǎng)站。它是最具涼爽，清新特征的色彩。和白色混合時，能體現(xiàn)柔順，淡雅，浪漫的氣氛。主色調(diào)選擇明亮的藍色，配以白色的背景和灰亮的輔助色，可以使站點干凈而整潔，給人莊重、充實的印象。該頁面基本上屬于同類色系，也是最保守穩(wěn)妥且調(diào)和的配色方案。但該種配色看久了容易呈現(xiàn)出平淡乏味的感受。正文分頁：1 2 3 4 5 6 7 藍色深藍色網(wǎng)頁例圖 ： 藍色系分析：(深藍色)HSB數(shù)值顯示主色調(diào)和輔色調(diào)的H色相接近，飽和度為最高，都為100%，兩者只在明度上有區(qū)別，分別是35%和65%。三維厚重的設(shè)計風格，用調(diào)和法之一的漸變手法，把主色調(diào)和輔色調(diào)進行了緩緩的過渡，增強了層次感，體現(xiàn)個性魅力，符合該頁面視音頻風格網(wǎng)站的主題。雖然是被譽為點睛色，但從整個頁面來看由于面積關(guān)系，點睛色在這里所起的作用不大，僅僅就蜻蜓點水而已。相反的輔助色在這里卻起到了較為突顯的作用 讓整個沉悶的本只起烘托作用的深藍色得到充分的展示。另一輔色調(diào)灰色令白色與深藍色反差不易過大，起到調(diào)和的目的。白色增強了整個頁面的視覺感，使之更醒目。結(jié)論：深藍色是沉穩(wěn)的且較常用的色調(diào)。能給人穩(wěn)重、冷靜、嚴謹、冷漠、深沉、成熟的心理感受。它主要用于營造安穩(wěn)、可靠、略帶有神秘色彩的氛圍。深藍色明度偏暗，基于上面對深藍色的特質(zhì)描述，在常規(guī)網(wǎng)站的設(shè)計里，可能不適合做太大面積的使用。但根據(jù)不同網(wǎng)站主題的設(shè)計需要可以做些不同的嘗試。正文分頁：1 2 3 4 5 6 7 藍色純度對比網(wǎng)頁例圖 ：.uk 藍色系分析：(純度對比)從HSB模式上的數(shù)值顯示情況進行分析，全頁基本上是屬于高純度配色，各顏色特性相互輝映、相互交融，把整個頁面環(huán)境渲染得異常鮮亮和熱鬧。冷暖色系之間跨度很大：藍色、綠色、黃色、橙黃色、朱紅色、土橙黃色、墨綠色，幾乎按照色輪表上的軌跡進行。也由于面積有多有少的原因，因此頁面看起來較明快調(diào)和。其中土橙黃色和墨綠色是頁面明度最重的顏色，從RGB色值上可看出，都分別的混合了其他顏色，因此飽和度相對較低，略呈灰色狀態(tài)，另一種意義上來說這種灰色狀態(tài)是調(diào)和色的一種很好的方式。由于有大面積的主色調(diào)和背景色做掌控，加之以上因素綜合分析，無論頁面再多再細再耀眼的顏色都能很好的統(tǒng)一在同一個頁面之中。結(jié)論：非常明快活潑、跳躍的富有趣味性的配色。使人勾起了無限愉悅的童趣。高純度的藍色主色調(diào)配合的其他高純度冷暖色調(diào)對比，會營造出一種整潔輕快的印象。根據(jù)色輪表的緩和過渡及使用面積多少，判斷分析出頁面調(diào)和程度。正文分頁：1 2 3 4 5 6 7 藍色鄰近色網(wǎng)頁例圖： 藍色系分析：(藍色鄰近配色：藍色+綠色)從HBS模式的S飽和度數(shù)值100%上看，不少朋友會有疑惑的感覺，認為看起來較為柔和的顏色，飽和度或許會低，刺眼的顏色通常飽和度較高，其實不然，每個顏色有每個顏色的不同屬性特性。高純度的色彩，明度的降低是協(xié)調(diào)視覺的一個因素，容易給人造成低純度的錯覺。不同塊面的鄰近色交錯排列，增強本頁面視覺動感。輔色調(diào)淺藍色是背景色白色和主色調(diào)藍色的中間色，它形成了頁面配色的中間色階，色彩層次感增強以外，還使整個頁面的顏色更為和諧。另一輔色調(diào)青色，是藍色和綠色的結(jié)合體，包括在標志文字、文字標題上的運用，無疑活躍了整個頁面的配色環(huán)境。兩個點睛色都略調(diào)高了明度，另一意義上是該頁面配色的中間色階。兩點睛色都是在主色調(diào)藍色、輔色調(diào)青色的基礎(chǔ)上衍生出來的顏色，這里“點睛”的作用不大，都屬于和諧色系。結(jié)論：很多站點都在使用藍色與青綠色的搭配效果。藍色、青綠色、白色的搭配可以使頁面看起來非常干凈清澈，在我們的現(xiàn)實生活中運用的范圍很廣，可以說是隨處可見的。主顏色選擇明亮的藍色，配以白色的背景和灰亮的輔助色，加上中間色階的運用，可以使頁面有干凈整潔，給人莊重、充實的印象。這是一組非常愉悅和諧的鄰近色系配色。中間色適度面積的運用及背景白色讓這組顏色特征發(fā)揮到了極致。正文分頁：1 2 3 4 5 6 7 藍色強對比網(wǎng)頁例圖 ： 藍色系強對比：藍色+紅色藍色是冷色系的最典型的代表了，而紅色是暖色系里最典型的代表，兩冷暖色系對比下讓全頁的色彩對比異常強烈且興奮，很容易感染帶動瀏覽者的激昂情緒。紅色把文字圖片框起來，在藍色背景對比下，很好的突出主題，又好似模仿投影熒屏的感覺，讓人迅速的聚焦于視頻中心，達到網(wǎng)站背后的最終目的。輔色調(diào)是紅色，從數(shù)值上看接近于正紅色，紅色對視覺傳遞的信息是很快的，屬于高昂響亮的顏色。點睛色分別是黃色、黃綠色。大家知道，黃色是明度最高的顏色，也較響亮、刺目，在這里的運用能強烈的突現(xiàn)標題。從大的來看，點睛色黃綠色與輔助色紅色是對比色，雖然面積不太大，只小范圍的對比，但是已經(jīng)足以達到了迅速傳遞信息的效果，讓人印象深刻，促成再訪點擊。結(jié)論：冷暖色系的對比碰撞，充滿激情，能傳遞熾熱情感、強烈刺激主題的目的。該頁面運用了冷暖、紅綠兩種比較鮮明的對比色，配色積極大膽，視覺沖擊力很強。正文分頁：1 2 3 4 5 6 7 藍色對比網(wǎng)頁例圖 ： 藍色同類色對比：藍色+暖色這是一個配色難度較大的頁面。如何使這些配色和諧又能達到帶動對比的目的，就要求要有一定的配色經(jīng)驗了。難度一，在于主色調(diào)輔色調(diào)及點睛色的這三種藍色所充當?shù)慕巧\用。難度二，高純度高亮度的正黃色在這個頁面的使用。難度三，黑色的運用。運用排除法細分得到：主色調(diào)輔色調(diào)的藍色飽和度一樣都是最高值，色相H上稍微有些微妙區(qū)別，亮度上有些變化。點睛色藍色飽和度和明度都較低，介于兩種藍色之間。三者面積如果用得不好頁面容易呈混沌的灰色狀態(tài)。拿出輔色調(diào)藍色，再回到整個頁面的配色來看，頁面色彩偏重，亮度不夠，缺少中間色階，冷暖主次傾向不夠明顯，這時把輔色調(diào)藍色添加進去正好彌補了這種缺憾。HSB模式顯示H是60度，S飽和度與B明度都是100%，正是正黃色。正黃色只適合做小面積的點睛色使用，大面積使用頁面配色較難協(xié)調(diào)，當然正黃色做為主色調(diào)能好配色些。在這樣的頁面色彩組合里，黑色是很難運用進去的，面積使用多了，頁面有可能會破壞所營造的氛圍、產(chǎn)生不協(xié)調(diào)的感覺。只在輔助性的勾勒于邊框是很好的使用辦法。圖片里的產(chǎn)品顏色，有降低純度的棕黃色、土黃色、米黃色等同類黃色系，對該頁面色彩組合調(diào)配具有一定的協(xié)調(diào)能力。結(jié)論：通常矢量頁面的配色相對于圖片配色來說，難度較大，色彩的組織搭配，是根據(jù)設(shè)計師們自己以往的豐富配色經(jīng)驗，反復調(diào)配、反復加減而得。該頁面設(shè)計師選取了頁面的產(chǎn)品圖片中的兩三種顏色，例如點睛色里的紅色、藍色和黃色，再大膽的發(fā)揮出主色調(diào)藍色、較淺的輔色調(diào)藍色和點睛色正黃色，點睛色黃色運用于最能突出產(chǎn)品特色的文字上，這些和諧的元素生動趣味，讓整個頁面充滿了故事情節(jié)。本部分小節(jié)： HSB數(shù)值H色相為240度時是正藍色，它的特性這個時候也就揮灑得越明顯。從以上不同屬性的藍色頁面色調(diào)上能看到，不同色相、飽和度、明度的藍色本身色彩特性表現(xiàn)得不是非常特殊，這也是低調(diào)沉穩(wěn)的藍色所具備的特征之一。關(guān)鍵在于該種藍色都與哪種哪幾種顏色襯托、對比的。 冷色系以藍色為最典型的代表，因此就產(chǎn)生了廣義的相對暖色，例如當與玫瑰紫色做對比時，玫瑰紫就呈現(xiàn)出微妙的暖色，當與綠色做對比色，綠色就呈出了相對的暖色，但是此種特性呈現(xiàn)得非常的微弱，應根據(jù)不同的主題頁面做具體分析。 當在藍色色相、明度上暗色亮色非常明朗的情況下，可以考慮添加中間色，減弱可能造成的單調(diào)感，豐富兩極色階的過渡，調(diào)和頁面的視覺感受。 同一種RGB、HSB數(shù)值的藍色與不同的顏色搭配時，所反映出的特性與主題是不一樣的。例如與同類色(根據(jù)色相明度純度面積等同類色里得到很多種不同的藍色)，與鄰近色(根據(jù)色相明度純度面積等衍生出更多顏色)，與對比色(根據(jù)色相明度純度面積等產(chǎn)生出的廣義對比狹義對比) 應多多思考、多做嘗試。網(wǎng)頁設(shè)計配色應用實例剖析黃色系2006-11-22 08:36:17來源: 天極網(wǎng) 網(wǎng)友評論 4 條 進入論壇黃色是陽光的色彩，具有活潑與輕快的特點，給人十分年輕的感覺。象征光明、希望、高貴、愉快。淺黃色表示柔弱，灰黃色表示病態(tài)。它的亮度最高，和其他顏色配合很活潑，有溫曖感，具有快樂、希望、智慧和輕快的個性，有希望與功名等象征意義。黃色也代表著土地、象征著權(quán)力，并且還具有神秘的宗教色彩。黃色的性格冷漠、高傲、敏感、具有擴張和不安寧的視覺印象。淺黃色系明朗、愉快、希望、發(fā)展，它的雅致，清爽屬性，較適合用于女性及化妝品類網(wǎng)站。中黃色有崇高，尊貴，輝煌、注意、擴張的心理感受。深黃色給人高貴、溫和、內(nèi)斂、穩(wěn)重的心理感受。 下面我們根據(jù)黃色系不同屬性鄰近色、同類色的高純度低純度色彩搭配做不同的舉例分析。 黃色系網(wǎng)頁例圖： 黃色系分析：黃色是所有彩色中明度最高的顏色。上圖看到HSB模式的H數(shù)值是60度，正是正黃色，但RGB數(shù)值中加入了B藍色數(shù)值為51，因此降低了HSB的飽和度S為80，但是大面積的黃色仍使得該頁面色彩明亮顯眼。輔助色是純黑色，非色彩明度最低的顏色。大面積顯眼的正黃色有黑色的線條壓制，黃色頓時顯得沉穩(wěn)，頁面增添內(nèi)容感。白色雖然是點睛色，但由于非色彩的白色與黃色的明度最高，因此這里似乎沒有起到點睛的作用。結(jié)論：當鮮度、明度高的背景色與前景輔助色暗度低的黑色在明度形成較強烈的對比時，艷度降低，較能協(xié)調(diào)視覺。整個頁面配色單純，卻也不簡單，形成另一種設(shè)計風格。 黃色同類色網(wǎng)頁例圖：www.paralotna.pl 黃色同類色分析該頁面的配色很單純，是同類色的黃色不同明度顏色，頁面看起來干凈、單純。點睛色白色淡黃色在深色黃色背景下比較顯眼，且在最中間位置，是整個頁面中的高調(diào)部分。這三種黃色，明度都很高，只有背景輔助色明度稍低，點睛黃色H色相是三種顏色中黃色傾向最高的為57度，而60度是正黃色，因此明度也是最高的，充分的發(fā)揮其點睛色的作用。背景色和前景色只在色相上明度上有非常微妙的變化，卻也很巧妙，形成了變化較明顯的空間層次感，削弱了同類色易產(chǎn)生的單調(diào)感。點睛色白色讓層次感更明顯。結(jié)論：同類色的屬性使得整個頁面非常和諧，可以根據(jù)不同的主題來設(shè)計配色?？梢酝ㄟ^明度、飽和度的不同變化來加強頁面配色的層次感。網(wǎng)頁設(shè)計配色應用實例剖析黃色系2006-11-22 08:36:17來源: 天極網(wǎng) 網(wǎng)友評論 4 條 進入論壇 中黃色應用網(wǎng)頁例圖： 中黃色系分析：背景中黃色上點綴多種艷度較高的顏色，都是屬于跳躍的顏色，渲染整個網(wǎng)站的熱鬧環(huán)境氣氛，符合該網(wǎng)站的設(shè)計主題。從HSB數(shù)值上看，該中黃色的明度和飽和度呈最高值，屬于明亮耀眼的顏色。輔助色是黃綠色和紅色，黃綠色在中黃背景下呈冷色調(diào)，輕快單薄的亮色；紅色的HSB數(shù)值H色相上看是正紅色，明度稍低，這里屬于厚重沉穩(wěn)的顏色，在中黃色背景下呈現(xiàn)暖色調(diào)；背景中黃色在黃綠色和紅色兩者中這時呈中間色，是很好的整體頁面視覺過渡色。加之商品圖片多種亮艷的色澤混合在同一頁面上，點睛色白色在這里起到了調(diào)和多種顏色的作用，減少、透氣于整個頁面的多種配色噪音。 結(jié)論：當背景色起到中間色的作用時，頁面少量冷暖色彩搭配較容易調(diào)和。通常商品網(wǎng)站志在渲染熱鬧氣氛，比較適合活潑跳躍、色彩絢麗的配色方案，但色彩的調(diào)和難度較大。 黃綠色調(diào)網(wǎng)頁例圖： .ar 黃綠色調(diào)分析：主色調(diào)為黃綠色，單純而看，黃綠色是通常的暖色的起始色、色彩中亮度最高的黃色與冷色的起始色、綠色相結(jié)合而得，因此該顏色看起來非常明快清新。處于輔助色的非色彩黑色，中間的點綴色是主色調(diào)黃綠色，很容易讓人一時以為該顏色就是點睛色。實際主色調(diào)黃綠色的明度非常高，飽和度這時也很高，在明度最低的黑色襯映下就異常顯眼。背景色使用略有些漸變的效果，正是黃綠和黑（灰）顏色的柔和過渡，頁面調(diào)和。點睛色在這里混色較多，RGB、HSB數(shù)值差距都不大，因此顏色偏灰色階，仔細分析是黃綠色與少許黑色混合而得，起到了調(diào)和背景色與輔助色明度差異過大的作用。結(jié)論：點睛色可以是少許耀眼的顏色，也可以是少許協(xié)調(diào)于視覺的混合灰色，無論是耀眼的顏色還是謙遜沉穩(wěn)的灰色，都是不可缺少的角色，有著不可替代的作用。整個頁面配色較單純，只有三種色，非色彩來說分別起到黑（輔助黑）白（主色黃綠）灰（點睛混合色）的作用，所以頁面配色較有層次感，并不顯得單調(diào)。網(wǎng)頁設(shè)計配色應用實例剖析黃色系2006-11-22 08:36:17來源: 天極網(wǎng) 網(wǎng)友評論 4 條 進入論壇 黃色鄰近色網(wǎng)頁例圖：www.leerbanen.nl 黃色鄰近色配色（黃色+紅色）分析：選取的上圖三組色里HSB數(shù)值的B明度雖然都有些變化，但S飽和度分毫沒有受到影響，仍都呈最高值100，因此頁面配色異常耀眼。好在其間有少量不同明度飽和度的紅色系色塊做壓制，頁面顯得沉穩(wěn)許多，頁面色彩層次也豐富了許多，塊面交織設(shè)計富有節(jié)奏韻律美，卻也有雀躍的感覺。頁面照片人物也經(jīng)過了雙色調(diào)處理，與頁面色彩風格一致。整個頁面屬于明暗反差較大的色調(diào)，所以頁面響亮明快，極賦視覺沖擊力、感染力。結(jié)論：耀眼的顏色有深色塊壓制，也是很好的調(diào)和方法。該頁面里的不少小色塊混合了暗灰色，因此頁面飽和度刺激程度得到少許降低并調(diào)和。同類色系、類似色系不同純度明度的深淺變化搭配，增添現(xiàn)代美感。 高純度黃色鄰近色應用網(wǎng)頁例圖： 高純度黃色鄰近色配色（黃色+紅色）分析：全頁選取的幾個色彩組合是高純度高明度的鄰近色正黃、淡黃（這里的淡黃色不是指淺黃色，而是色彩顏料色里的稱呼。）、中黃及正紅色。我們知道，黃色是色彩系里明度最高的耀眼色，HSB數(shù)值H色相60度是正黃色，特性越高明度越高。H色相度往60度前是接近紅色，而紅色明度相較于黃色低，背景色HSB數(shù)值H色相為48度，往紅色靠近，因此色度較深，呈現(xiàn)為中黃色。使用中黃背景正是烘托突出前景的淡黃色。淡黃色的前景上設(shè)計少許中黃色帶進入，頁面的色彩層次感生動了不少。另一個輔助色紅色HSB數(shù)值的H色相是0度，顯示正紅色且高純度高亮度，放在最顯眼的標志廣告區(qū)域，實現(xiàn)視覺引導作用，主次感增強了。白色也是輔助色三色之一，在頂部面積較大的使用，使整個頁面的純度緩和了許多，起到提亮并拉開空間的作用。點睛色用于導航欄，提示導航區(qū)域的醒目與重要性。網(wǎng)頁設(shè)計配色應用實例剖析黃色系2006-11-22 08:36:17來源: 天極網(wǎng) 網(wǎng)友評論 4 條 進入論壇 黃色低純度配色應用網(wǎng)頁例圖： 低純度黃色配色（黃色+藍色）分析：該頁面是屬于純度較低的多組配色頁面，配色難度似乎較大，但是按主色調(diào)、輔助色、點睛色來細細分析就會發(fā)現(xiàn)容易多了。主色調(diào)的中黃色，從RGB數(shù)值B明度48來看，提高了明度，RGB數(shù)值的變化HSB也相應變化，該色調(diào)純度降低，黃色的耀眼特性相應緩和。該頁面輔助色比較多，這里選了主要的三種淺黃、淺藍、棕紅色，明度純度不同的變化來分析。淺黃色的RGB三個數(shù)值接近，因此呈現(xiàn)偏灰的柔和狀態(tài)。正藍色的RGB數(shù)值R為0，G為255，B為255，該藍色RGB數(shù)值上看，混合了R紅色11，G的綠色數(shù)值較低，B藍色的數(shù)值較高，因此飽和度降低，顏色呈淺色調(diào)。棕紅色的RGB的三數(shù)值上看，R的數(shù)值最高為124，加入了對比色G綠色67，因此顏色變暗發(fā)烏，調(diào)入了適量B藍色24，因此該顏色飽和度亮度降低，也是該頁面沉穩(wěn)的主要色調(diào)，牽制艷度較高的幾種顏色。點睛色的HSB數(shù)值H色相為356度，幾乎呈正紅色，只是調(diào)入了少許B藍色18，因此顏色在明度上稍偏暗。另一點睛白色的作用除了提亮整個頁面，同時也突出標志圖像。標志是紅色，下面的綠色是紅色的對比色，目的是突出標志的作用，同時也是黃色與藍色的中間視覺過渡色。結(jié)論：多種輔助色份量相當冷暖搭配時，有飽和度稍低的主色調(diào)牢牢把握住，整個頁面容易調(diào)和。由于頁面顏色較豐富，點睛色在這里起到拉開各個色彩層次的作用，明確主次角色。 本部分小節(jié)： 黃色是色彩系里明度最高的耀眼顏色，尤其是HSB數(shù)值H色相為60度正黃色時，它的特性越明顯。由于黃色的特性，在頁面配色的時候可適當添加明度較深的顏色，色階層拉開，并起到協(xié)調(diào)刺眼的艷度作用。黃色飽和度、明度的不同變化傳達不同的意義和作用。 無論是高純度低純度還是多色彩的頁面配色，白色起到關(guān)鍵的作用。 點睛色不一定就是非常顯眼的顏色，也有起到調(diào)和整體頁面配色的作用。 中間色通常被大面積的使用為主色調(diào)、輔助色，是調(diào)和輔助色（有可能是同時幾種）與點睛色（有可能是幾種）的色彩，是調(diào)和色、調(diào)和方法的關(guān)鍵。網(wǎng)頁設(shè)計配色應用實例剖析橙色系2006-10-27 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計在線責任編輯：Shiny-點擊查看網(wǎng)頁設(shè)計配色基礎(chǔ)、應用及實戰(zhàn)完整專題橙色具有輕快、歡欣、收獲、溫馨、時尚的效果，是快樂、喜悅、能量的色彩。在整個色譜里，橙色具有興奮度，是最耀眼的色彩。給人以華貴而溫暖，興奮而熱烈的感覺，也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義，能給人有莊嚴、尊貴、神秘等感覺。橙色在空氣中的穿透力僅次于紅色，也是容易造成視覺疲勞的顏色。在網(wǎng)頁顏色里，橙色適用于視覺要求較高的時尚網(wǎng)站，屬于注目、芳香的顏色，也常被用于味覺較高的食品網(wǎng)站，是容易引起食欲的顏色。 下面我們根據(jù)橙色系不同屬性鄰近色、同類色、對比色的搭配做不同的舉例分析。 橙色 橙色網(wǎng)頁例圖：http:/ www.wastelink.co.uk 橙色系分析：主色調(diào)橙色HSB數(shù)值的H表示色相，顯示的是30度，而30度正是橙色顯示特征最標準的顏色正橙色。飽和度和亮度同時達到最高值，因此整個頁面的視覺刺激是極其耀眼強烈的。這里選取了三種面積相當又是整個頁面使用得最少的顏色為點睛色，使頁面生動的同時又運用于導航位置，從而達到突出主題的效果。從HSB數(shù)值上看它們的明度純度相對較低，與明度純度較高的背景正橙色形成鮮明的對比。通過范圍較大的背景白色、前景圖片灰白色和小細節(jié)前景白色文字制造出明快氣氛的同時，又呼應統(tǒng)一于整個頁面。輔助色在這里是橙色與白色的過渡色。 結(jié)論：飽和度與純度很高特性明顯的顏色，在達到視覺沖擊力的同時，可適當采用少許對比色調(diào)和緩和于視覺，從而削弱視覺的疲勞度。網(wǎng)頁設(shè)計配色應用實例剖析橙色系2006-10-27 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計在線責任編輯：Shiny- 深橙紅色系 深橙紅色網(wǎng)頁例圖：http:/ www.matisserestaurant.ca 深橙紅色系分析：從色相度中可以知道0度為正紅色，30度為正橙色，而主色調(diào)的HSB數(shù)值H顯示22度可知，該深橙紅色是橙色基礎(chǔ)上加入少許鄰近色紅色，整體上降低了明度而得，因為紅色本身較橙色明度低，因此這里橙紅色的明度呈現(xiàn)出較低狀態(tài)。輔助色選取了明度相對于主色調(diào)更低的三種顏色，前面兩種飽和度都較高，最后一種灰藍色由于明度較高因此飽和度降低，是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色。這個頁面背景色運用了紋樣，是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而得，使得明度稍暗。數(shù)值上看，主色調(diào)也就是背景色的飽和度較高，但是由于降低了明度，顏色變得較沉穩(wěn)。輔助色RGB數(shù)值顯示，添加了適量的其他顏色，G和B數(shù)值區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點睛色的加入和提亮，使頁面視覺效果得到強化。 結(jié)論：前景色通常要較明顯的區(qū)別于背景色，達到臺前的宣傳目的。當飽和度較低的前景色與背景色變化不明顯時，形成的是另外一種柔和統(tǒng)一的效果。網(wǎng)頁設(shè)計配色應用實例剖析橙色系2006-10-27 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計在線責任編輯：Shiny- 淺橙色同類色 淺橙色同類色網(wǎng)頁例圖： http:/ 淺橙色同類色分析：從主色調(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)。