在實(shí)用美術(shù)中，常有"遠(yuǎn)看色彩近看花，先看顏色后看花，七分顏色三分花"的說法。

　　這也就說明，在任何設(shè)計(jì)中，色彩對(duì)視覺的刺激起到第一信息傳達(dá)的作用。因此，對(duì)色彩的基礎(chǔ)知識(shí)的良好掌控，在網(wǎng)頁設(shè)計(jì)中才能做到游刃有余。

　　前面我們介紹了常用的電腦色彩模式RGB、HSB，以及色彩的三大屬性，今天我們介紹常用配色的基本概念和相關(guān)實(shí)例剖析。

色環(huán)

色環(huán)是色彩按紅、黃、綠、藍(lán)、紅依次過度漸變呈現(xiàn)出來的不同顏色，就可以得到一個(gè)色彩環(huán)。色環(huán)通常包括12種不同的顏色。

　

三原色	■ 原色： 　　也叫"三原色"。即紅、黃、藍(lán)三種基本顏色。自然界中的色彩種類繁多，變化豐富，但這三種顏色卻是最基本的原色，原色是其他顏色調(diào)配不出來的。除白色外，把三原色相互混合，可以調(diào)和出其他種顏色。 　　根據(jù)三原色的特性做出相應(yīng)的色彩搭配，有最迅速最有力最強(qiáng)烈的傳達(dá)視覺信息效果。

→ 黃******頁例圖：http://www.uni-leipzig.de/studienart/i_flash.htm

　　黃色分析：
　　選取了主色調(diào)黃色為示例。我們看到RGB數(shù)值中RG呈現(xiàn)最高值255時(shí)，HSB數(shù)值中的SB也呈現(xiàn)最高值100%，頁面呈現(xiàn)最高純度亮度——純黃色。因此黃色在三原色中也是亮度最高的顏色。
　　結(jié)論：
　　HSB中SB呈現(xiàn)的數(shù)值越高，飽和度明度越高，頁面色彩強(qiáng)烈艷麗，由于黃色是亮度最高的顏色這一特性，也給人視覺產(chǎn)生強(qiáng)烈刺激的狀態(tài)，對(duì)視覺刺激是迅速的、警戒、醒目的效果，但不易于長時(shí)間觀看。

→ 紅******頁例圖：http://www.doritos.com

　　紅色分析：
　　我們看到RGB中R的數(shù)值是227，混合了G30、B40，因此紅色的純度輕微降低，顏色稍偏深紅。HSB數(shù)值中S顯示的飽和度為87%，B為89%，因此顏色還是較為飽和明亮。
　　結(jié)論：
　　主色R227數(shù)值較高的時(shí)候，由于混合了G30、B40少許顏色，飽和度明度稍微降低，視覺刺激減弱，紅色特性顯得較沉穩(wěn)。但由于紅色是最溫暖最有視覺沖擊力的顏色特性，該網(wǎng)頁整體看來仍然厚重而熱烈的表達(dá)了主題。

→ 藍(lán)******頁例圖：http://www.voxhon.com

　　藍(lán)色分析：
　　RGB數(shù)值中B藍(lán)色的數(shù)值是131與 R2、G83相混合，藍(lán)色的純度降低。結(jié)合HSB中數(shù)值H色相目前顯示的是203°，而三原色的純藍(lán)為240°來看，藍(lán)色的色相偏離較大，加上B為51%的明度，顏色偏暗，因此視覺沖擊力較弱。頁面沉穩(wěn)、凝重。
結(jié)論：
　　當(dāng)藍(lán)色色相偏離于三原色的純藍(lán)時(shí)，視覺沖擊力削弱。頁面呈沉穩(wěn)、平靜的感受。藍(lán)色在三原色里是視覺傳遞速度最慢的顏色特性，適合用于表達(dá)成熟、穩(wěn)重、安靜的網(wǎng)頁設(shè)計(jì)主題。藍(lán)色在網(wǎng)頁設(shè)計(jì)里也是使用得較頻繁的顏色。
#p#

間色	■ 間色： 　　又叫"二次色"。它是由三原色調(diào)配出來的顏色，是由2種原色調(diào)配出來的。紅與黃調(diào)配出橙色；黃與藍(lán)調(diào)配出綠色；紅與藍(lán)調(diào)配出紫色，橙、綠、紫三種顏色又叫"三間色"。在調(diào)配時(shí)，由于原色在份量多少上有所不同，所以能產(chǎn)生豐富的間色變化。

→ 間******頁例圖：http://cidadefm.clix.pt

　　間色分析：
　　上網(wǎng)頁例圖4種間色搭配一起非常明快、鮮亮。
　　從RGB數(shù)值顯示上看，綠色含量較高達(dá)到208，混合了R189的黃色光，因此顏色偏黃綠色，由于添加了B18，飽和度相對(duì)降低。玫瑰色中R的含量最高，與B109混合為主要組成色，添加了少量的G27黃，純度偏高。橙色中R的含量很高為255，混合了G145黃為主要組成色，添加了第三色B34，飽和度稍降低。紫色是由藍(lán)色和紅色調(diào)配而成，B為170，R為148，混色份量相當(dāng)也就成為了組合紫色這一間色的主要成份，但是由于添加了G87，也是4組顏色中的間色混合第三色數(shù)值最高的，HSB中S數(shù)值相對(duì)其他三色，降低很多，因此顏色相對(duì)于其它3種較沉穩(wěn)，緩和。
　　以上4組顏色RGB數(shù)值的共同點(diǎn)是以兩色混合為主，都是三位數(shù)值，另外一色份量較少，為兩為數(shù)值，因此飽和度較高，色相傾向明顯。HSB數(shù)值的共同點(diǎn)是，除了紫色，其他三色的S飽和度相當(dāng)，屬較高數(shù)值，因此視覺刺激也強(qiáng)。
結(jié)論：
　　間色是由三原色中的兩原色調(diào)配而成的，因此在視覺刺激的強(qiáng)度相對(duì)三原色來說緩和不少。屬于較易搭配之色。
　　間色盡管是二次色，但仍有很強(qiáng)的視覺沖擊力，容易帶來輕松、明快、愉悅的氣氛。

復(fù)色

■ 復(fù)色： 　　也叫"復(fù)合色"。復(fù)色是由原色與間色相調(diào)或由間色與間色相調(diào)而成的"三次色"，復(fù)色是的純度最低，含灰色成份。復(fù)色包括了除原色和間色以外的所有顏色。

→ 復(fù)******頁例圖：http://www.benharper.net

　　復(fù)色分析：
　　以上4種顏色中深綠色和赭石色為復(fù)色，之所以還選擇其它2顏色，為的是更好的配合說明復(fù)色的特性，如果沒有另外兩種非復(fù)色搭配，頁面配色就可能出現(xiàn)骯等不舒服的感覺。
　　我們看到深綠及赭石這兩種復(fù)色的數(shù)值都以一個(gè)份量最多的三位數(shù)，另外兩者成份相當(dāng)，都為兩位數(shù)組合而得。RGB之間的數(shù)值差距較接近、不明顯，色階較趨于直線平穩(wěn)，呈灰階。HSB中SB顯示的數(shù)值也非常接近，成為符合復(fù)色特性的必須條件。
結(jié)論：
　　復(fù)色是由兩種間色或原色與間色混合而成，因此色相傾向較微妙、不明顯，視覺刺激度緩和，如果搭配不當(dāng)，頁面便呈現(xiàn)易臟或易灰朦朦的效果，沉悶、壓抑之感，屬于不好搭配之色。但有時(shí)復(fù)色加深色搭配能很好的表達(dá)神秘感、縱深感空間感；明度高的多復(fù)色（參看明度的網(wǎng)頁例圖）多用來表示寧靜柔和、細(xì)膩的情感，易于長時(shí)間的瀏覽。

補(bǔ)色

■ 補(bǔ)色： 　　是廣義上的對(duì)比色。在色環(huán)上劃直徑，正好相對(duì)（即距離最遠(yuǎn)）的兩種色彩互為補(bǔ)色。如：紅色是綠色的補(bǔ)色；橙色是藍(lán)色的補(bǔ)色；黃色是紫色的補(bǔ)色。 　　補(bǔ)色的運(yùn)用可以造成最強(qiáng)烈的對(duì)比。

→ 補(bǔ)******頁例圖：http://www.upsod.org

　　補(bǔ)色分析：
　　選用了一組紅綠對(duì)比色，極賦視覺沖擊力、所表現(xiàn)出的性格異常鮮明。
　　我們看到RGB中綠色的數(shù)值顯示情況符合復(fù)色的條件，因此注定了該顏色明度稍暗、純度較低的特性，而紅色R數(shù)值118構(gòu)成了該色的主要成份，其他G72，B61數(shù)值接近，純度和亮度相對(duì)綠色較高，因此2色在構(gòu)成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出，它們的飽和度相差較大。
　　結(jié)論：
　　補(bǔ)色最能傳達(dá)強(qiáng)烈、個(gè)性的情感。純度稍低的綠色為背景的大面積使用，對(duì)比并突出了前景純度明度較高的面積較小紅色的圖形，形成了視覺中心重點(diǎn)突出，達(dá)到主次分明的主題效果。
　　紅綠、橙藍(lán)、黃紫這三組補(bǔ)色中，前兩種使用得最頻繁。這三組補(bǔ)色搭配出的最終效果和目的，可以用兩個(gè)字來概括——強(qiáng)烈！
#p#

鄰近色	■ 鄰近色： 　　是在色環(huán)上任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系，只是范圍縮小了一點(diǎn)。例如紅色和黃色，綠色和藍(lán)色，互為鄰近色。

→ 鄰近******頁例圖：http://www.artoyz.com

　　鄰近色分析：
　　上圖選用了紅色、黃色為鄰近色示例，主要在色相上做區(qū)別豐富了頁面色彩上的變化。
　　RGB數(shù)值上看，以上5色R的數(shù)值都很高，僅是微妙的不同。其中淺黃色的B為138，因此在HSB數(shù)值中純度S顯示最低，為46%；5色RGB中G的數(shù)值都不同，色相、明度也產(chǎn)生相應(yīng)的不同。從數(shù)值上分析整體看來，5色都有在同一頻率的變化。
結(jié)論：
　　由于是相鄰色系，視覺反差不大，統(tǒng)一、調(diào)和，形成協(xié)調(diào)的視覺韻律美，相較顯得安定、穩(wěn)重的同時(shí)不失活力，是一種恰到好處的配色類型。

同類色	■ 同類色： 　　比鄰近色更加接近的顏色，它主要指在同一色相中不同的顏色變化。例如，紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、桔紅等等種類，黃顏色中又有深黃、土黃、中黃、桔黃、淡黃、檸檬黃等等區(qū)別。它起到色彩調(diào)和統(tǒng)一，又有微妙變化的作用。

→ 同類******頁例圖：http://www.misspato.com

　　同類色分析：
　　選用紅色系4種同類色示例，主要在明度上做區(qū)別變化。
由于是紅色系，4色RGB數(shù)值中的R，數(shù)值都很高，且相當(dāng)。從HSB數(shù)值看出，明度越高的顏色飽和度越低。
　　這4種同類色相來看，明度在強(qiáng)中弱的節(jié)奏中的緩和的進(jìn)行變化。
結(jié)論：
　　第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調(diào)和統(tǒng)一。只運(yùn)用同類色系配色，是十分謹(jǐn)慎穩(wěn)妥的做法，但是有時(shí)會(huì)有單調(diào)感。添加少許相鄰或?qū)Ρ壬?，可以體現(xiàn)出頁面的活躍感和強(qiáng)度。
#p#

暖色	■ 暖色： 　　指的是紅、橙、黃、這類顏色。暖色系的飽和度越高，其溫暖特性越明顯。可以刺激人的興奮性，使體溫有所升高。

→ 暖******頁例圖：http://www.mrwong.de

　　暖色分析：
　　由于是暖色系，以上3種顏色RGB數(shù)值中R的含量為主導(dǎo)，B都為0，暖度強(qiáng)度傾向在G的添加黃色成份變化中可以看到，較規(guī)律的數(shù)值變化、較有視覺節(jié)奏感。HSB中純度S和明度B都達(dá)到最高值，是鮮艷奪目的搭配色組合。
結(jié)論：
　　高明度高純度的色彩搭配，把頁面表達(dá)得鮮艷炫目，有非常強(qiáng)烈刺激的視覺表現(xiàn)力。
充分體現(xiàn)了暖色系的飽和度越高，其溫暖特性越明顯的性格。

冷色	■ 冷色： 　　指的是綠、青、藍(lán)、紫等顏色，冷色系亮度越高，其特性越明顯。能夠使人的心情平靜，清爽，恬雅。

→ 冷******頁例圖：http://www.portaldemoda.pt

　　冷色分析：
　　該網(wǎng)頁示例主要選用了鄰近色系藍(lán)色綠色和同類色的明度變化。其中3種藍(lán)色系的RGB數(shù)值從二位數(shù)到三位數(shù)，隨著明度的遞增的同時(shí)，由低到高在有規(guī)律有節(jié)奏的變化。HSB的數(shù)值SB也相對(duì)隨著同比變化，純度S的含量都不大，因此這幾組色彩相對(duì)含蓄柔和。
　　綠色系RGB數(shù)值G的色相明顯，相應(yīng)添加了高亮度的黃色R，使色彩較鮮艷明快。HSB數(shù)值SB也顯示出其高純度高亮度的特性。
　　結(jié)論：
　　冷色系的亮度越高，其特性越明顯。單純冷色系搭配視覺感比暖色系舒適，不易造成視覺疲勞。藍(lán)色、綠色是冷色系的主要系，是設(shè)計(jì)中較常用的顏色，也是大自然之色，帶來一股清新、祥和安寧的空氣。

　　本部分小結(jié)：

　　● 從以上例子可看出三原色視覺沖擊力最強(qiáng)，也最是刺目的，容易制造沖突、煩燥、不舒適的心情，所以是較難掌握的配色，大面積大范圍使用要慎重。間色是由三原色中的兩色調(diào)配二次，間于原色和復(fù)色之間，屬于中性色，視覺沖擊力次之，顏色的刺激緩和不少，給人舒適、愉悅的心情，是較容易掌握的配色，也是在設(shè)計(jì)中使用得比較多的顏色。復(fù)色是由兩種間色或原色與間色相混合而產(chǎn)生的顏色，呈灰色階，視覺沖擊力更弱，柔和但是使人沉悶壓抑。復(fù)色調(diào)配好了，能體現(xiàn)出高層次高素養(yǎng)的成熟特性魅力，也稱為高級(jí)灰，是很經(jīng)看的顏色。
　　由上可知，顏色相互混合的越多，飽和度越低，視覺沖擊力越弱。

　　● 色彩運(yùn)用到一定程度后，應(yīng)該逐漸認(rèn)識(shí)到在一個(gè)環(huán)境、區(qū)域范圍里，色彩的屬性、性能特性是相對(duì)的。例如黃色在藍(lán)色、綠色這兩個(gè)區(qū)域環(huán)境下，黃色可以說這個(gè)時(shí)候是呈暖色，而出現(xiàn)在桔紅、朱紅、深紅這幾個(gè)區(qū)域環(huán)境下，黃色可以說在這個(gè)時(shí)候是呈冷色。同樣的，藍(lán)色相對(duì)綠色是冷色，紫色相對(duì)藍(lán)色是暖色等等?？筛鶕?jù)網(wǎng)頁設(shè)計(jì)主題的目的要求，環(huán)境協(xié)調(diào)度的需要等等做相應(yīng)的搭配調(diào)整。

　　● RGB三者的數(shù)值越接近，色階較趨于直線平穩(wěn)，呈灰階，網(wǎng)頁對(duì)視覺的刺激性越緩慢、柔和；RGB三者的數(shù)值相互間差距越大，色階曲線波動(dòng)就大，網(wǎng)頁對(duì)視覺的刺激性越迅速、強(qiáng)烈。HSB數(shù)值中SB相應(yīng)數(shù)值越高，視覺刺激度越強(qiáng)烈。抓住以上這些規(guī)律及色彩特性，在以后的網(wǎng)頁設(shè)計(jì)配色中，根據(jù)不同的需要配置不同的顏色，來達(dá)到某些不同的目的和效果。
　　通過RGB數(shù)值和HSB數(shù)值的計(jì)算，能幫助更科學(xué)理性的分析判斷，為的是更準(zhǔn)確的研究分析網(wǎng)頁設(shè)計(jì)配色的協(xié)調(diào)性、合理性、掌握其規(guī)律性。
　　有經(jīng)驗(yàn)的設(shè)計(jì)師通常僅僅憑目測(cè)、直覺，就能隨心所欲的掌控色彩的配置了。但如遇到困惑，不防也使用一下模式計(jì)算法。

　　下一章我們介紹： 網(wǎng)頁設(shè)計(jì)配色系列簡析——應(yīng)用部分