在實用美術(shù)中，常有"遠(yuǎn)看色彩近看花，先看顏色后看花，七分顏色三分花"的說法。
這也就說明，在任何設(shè)計中，色彩對視覺的刺激起到第一信息傳達(dá)的作用。因此，對色彩的基礎(chǔ)知識的良好掌控，在網(wǎng)頁設(shè)計中才能做到游刃有余。
為了使下面的網(wǎng)頁配色分析更易于理解，我們先來了解
色彩的RGB模式和HSB模式。
■ RGB
RGB是表示紅色綠色藍(lán)色又稱為三原色光，英文為R(Red)、G(Green)、B(Blue)，在電腦中，RGB的所謂"多少"就是指亮度，并使用整數(shù)來表示。
通常情況下，RGB各有256級亮度，用數(shù)字表示為從0、1、2至255。雖然數(shù)字最高是255，但0也是數(shù)值之一，因此共256級。按照計算，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
對于單獨的R或G或B而言，當(dāng)數(shù)值為0時，代表這種顏色不發(fā)光；如果為255，則該顏色為最高亮度。因此當(dāng)RGB三種色光都發(fā)到最強的亮度，純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R，意味著只有紅色存在，且亮度最強，G和B都不發(fā)光。因此最紅色的數(shù)值是255,0,0。同理，最綠色就是0,255,0；而最藍(lán)色就是0,0,255。黃色較特殊，是由紅色加綠色而得就是255，255，0。（詳細(xì)分析請參考趙鵬所寫的《
電腦美術(shù)設(shè)計中的色彩模式詳解》）
 |  |
| 純白色數(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
是顏色分為色相、飽和度、明度三個因素。英文為H(Hue)、S（Saturation）B（Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。
下一節(jié)我們講講色彩三屬性以及一些網(wǎng)頁配色實例。
許多初學(xué)者對色彩的屬性和原色概念模糊，容易混淆，下面我們就先從幾個概念入手。今天介紹色彩的三個屬性。
顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。從心理學(xué)和視覺的角度出發(fā)，彩色具有三個屬性：色相、明度、純度（彩度）。
 基本色相環(huán) | ■ 色相（Hue）：
也叫色調(diào)，指顏色的種類和名稱，是指顏色的基本特征，是一種顏色區(qū)別于其他顏色的因素。色相和色彩的強弱及明暗沒有關(guān)系，只是純粹表示色彩相貌的差異。如紅、黃、綠、藍(lán)、紫等為不同的基本色相。
|
■ 明度（Value）：
也叫亮度，指顏色的深淺、明暗程度，沒有色相和飽和度的區(qū)別。不同的顏色，反射的光量強弱不一，因而會產(chǎn)生不同程度的明暗。非色彩的黒、灰、白較能形象的表達(dá)這一特質(zhì)。
明度的遞增
| → 明度網(wǎng)頁例圖：http://www. |
 |
明度分析： 從上圖網(wǎng)頁所選取的4個主要色塊的RGB數(shù)值來看，這4塊色彩組合顯示的RGB數(shù)值很高，接近于最高值255。RGB相互間的數(shù)值相近，由于有RG的高數(shù)值與B高數(shù)值混合，整個網(wǎng)頁給人的感覺非常協(xié)調(diào)，柔和雅致，心情愉悅。
結(jié)論： RGB同時呈現(xiàn)相近的高數(shù)值時，相近等量的色彩相互混合，頁面呈高明度灰色段，協(xié)調(diào)的柔和狀態(tài)，令人遐想，對視覺刺激是緩慢的，適合長時間觀看。但由于數(shù)值接近，因此色階平穩(wěn)，同時存在著不夠醒目的狀態(tài)。
■ 純度(Chroma）：
也叫飽和度，指色彩的鮮艷程度。原色最純，顏色的混合越多則純度逐漸減低。如某一鮮亮的顏色，加入了白色或者黑色，使得它的純度低，顏色趨于柔和、沉穩(wěn)。
加入黑色的純度變化和加入白色的純度變化 | → 純度網(wǎng)頁例圖：http://www. |
 |
純度分析：
上圖網(wǎng)頁中選取了主要的兩種色系為組合。運用HBS數(shù)值模式更易于理解分析該網(wǎng)頁的純度情況。
我們看到藍(lán)色S數(shù)值呈現(xiàn)99％具有相當(dāng)高的飽和度，B明度為79%，玫瑰色S飽和度數(shù)值為85%，B明度為97％。當(dāng)飽和度和明度同時呈最高值時，色彩對視覺的刺激強度到達(dá)最高狀態(tài)。由于藍(lán)色的明度稍低，飽和度較高，而玫瑰色的明度較高，該顏色純度隨之加強，因此玫瑰色相對藍(lán)色對人的視覺刺激更強烈。
結(jié)論：
HSB模式中S和B呈現(xiàn)的數(shù)值越高，飽和度明度越高，頁面色彩強烈艷麗，對視覺刺激是迅速的，醒目的效果，但不易于長時間的觀看。以上兩種顏色的S數(shù)值接近，是強烈的狀態(tài)。H顯示的度是代表在色輪表里某個角度所呈現(xiàn)的色相狀態(tài)，相對于SB來說，意義不大。
下一節(jié)我們講：常用配色的基本概念與實例分析。
在實用美術(shù)中，常有"遠(yuǎn)看色彩近看花，先看顏色后看花，七分顏色三分花"的說法。
這也就說明，在任何設(shè)計中，色彩對視覺的刺激起到第一信息傳達(dá)的作用。因此，對色彩的基礎(chǔ)知識的良好掌控，在網(wǎng)頁設(shè)計中才能做到游刃有余。
前面我們介紹了常用的電腦色彩模式RGB、HSB，以及色彩的三大屬性，今天我們介紹常用配色的基本概念和相關(guān)實例剖析。
色環(huán) |
色環(huán)是色彩按紅、黃、綠、藍(lán)、紅依次過度漸變呈現(xiàn)出來的不同顏色，就可以得到一個色彩環(huán)。色環(huán)通常包括12種不同的顏色。
|
三原色 |
■ 原色：
也叫"三原色"。即紅、黃、藍(lán)三種基本顏色。自然界中的色彩種類繁多，變化豐富，但這三種顏色卻是最基本的原色，原色是其他顏色調(diào)配不出來的。除白色外，把三原色相互混合，可以調(diào)和出其他種顏色。
根據(jù)三原色的特性做出相應(yīng)的色彩搭配，有最迅速最有力最強烈的傳達(dá)視覺信息效果。
|
| → 黃色網(wǎng)頁例圖：http://www./studienart/i_flash.htm |
|
黃色分析：
選取了主色調(diào)黃色為示例。我們看到RGB數(shù)值中RG呈現(xiàn)最高值255時，HSB數(shù)值中的SB也呈現(xiàn)最高值100%，頁面呈現(xiàn)最高純度亮度——純黃色。因此黃色在三原色中也是亮度最高的顏色。
結(jié)論：
HSB中SB呈現(xiàn)的數(shù)值越高，飽和度明度越高，頁面色彩強烈艷麗，由于黃色是亮度最高的顏色這一特性，也給人視覺產(chǎn)生強烈刺激的狀態(tài)，對視覺刺激是迅速的、警戒、醒目的效果，但不易于長時間觀看。
| → 紅色網(wǎng)頁例圖：http://www. |
|
紅色分析：
我們看到RGB中R的數(shù)值是227，混合了G30、B40，因此紅色的純度輕微降低，顏色稍偏深紅。HSB數(shù)值中S顯示的飽和度為87%，B為89%，因此顏色還是較為飽和明亮。
結(jié)論：
主色R227數(shù)值較高的時候，由于混合了G30、B40少許顏色，飽和度明度稍微降低，視覺刺激減弱，紅色特性顯得較沉穩(wěn)。但由于紅色是最溫暖最有視覺沖擊力的顏色特性，該網(wǎng)頁整體看來仍然厚重而熱烈的表達(dá)了主題。
| → 藍(lán)色網(wǎng)頁例圖：http://www. |
|
藍(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)時，視覺沖擊力削弱。頁面呈沉穩(wěn)、平靜的感受。藍(lán)色在三原色里是視覺傳遞速度最慢的顏色特性，適合用于表達(dá)成熟、穩(wěn)重、安靜的網(wǎng)頁設(shè)計主題。藍(lán)色在網(wǎng)頁設(shè)計里也是使用得較頻繁的顏色。
間色 |
■ 間色：
又叫"二次色"。它是由三原色調(diào)配出來的顏色，是由2種原色調(diào)配出來的。紅與黃調(diào)配出橙色；黃與藍(lán)調(diào)配出綠色；紅與藍(lán)調(diào)配出紫色，橙、綠、紫三種顏色又叫"三間色"。在調(diào)配時，由于原色在份量多少上有所不同，所以能產(chǎn)生豐富的間色變化。
|
| → 間色網(wǎng)頁例圖：http://cidadefm. |
|
間色分析：
上網(wǎng)頁例圖4種間色搭配一起非常明快、鮮亮。
從RGB數(shù)值顯示上看，綠色含量較高達(dá)到208，混合了R189的黃色光，因此顏色偏黃綠色，由于添加了B18，飽和度相對降低。玫瑰色中R的含量最高，與B109混合為主要組成色，添加了少量的G27黃，純度偏高。橙色中R的含量很高為255，混合了G145黃為主要組成色，添加了第三色B34，飽和度稍降低。紫色是由藍(lán)色和紅色調(diào)配而成，B為170，R為148，混色份量相當(dāng)也就成為了組合紫色這一間色的主要成份，但是由于添加了G87，也是4組顏色中的間色混合第三色數(shù)值最高的，HSB中S數(shù)值相對其他三色，降低很多，因此顏色相對于其它3種較沉穩(wěn)，緩和。
以上4組顏色RGB數(shù)值的共同點是以兩色混合為主，都是三位數(shù)值，另外一色份量較少，為兩為數(shù)值，因此飽和度較高，色相傾向明顯。HSB數(shù)值的共同點是，除了紫色，其他三色的S飽和度相當(dāng)，屬較高數(shù)值，因此視覺刺激也強。
結(jié)論：
間色是由三原色中的兩原色調(diào)配而成的，因此在視覺刺激的強度相對三原色來說緩和不少。屬于較易搭配之色。
間色盡管是二次色，但仍有很強的視覺沖擊力，容易帶來輕松、明快、愉悅的氣氛。
復(fù)色 |
■ 復(fù)色：
也叫"復(fù)合色"。復(fù)色是由原色與間色相調(diào)或由間色與間色相調(diào)而成的"三次色"，復(fù)色是的純度最低，含灰色成份。復(fù)色包括了除原色和間色以外的所有顏色。
|
| → 復(fù)色網(wǎng)頁例圖：http://www. |
|
復(fù)色分析：
以上4種顏色中深綠色和赭石色為復(fù)色，之所以還選擇其它2顏色，為的是更好的配合說明復(fù)色的特性，如果沒有另外兩種非復(fù)色搭配，頁面配色就可能出現(xiàn)骯等不舒服的感覺。
我們看到深綠及赭石這兩種復(fù)色的數(shù)值都以一個份量最多的三位數(shù)，另外兩者成份相當(dāng)，都為兩位數(shù)組合而得。RGB之間的數(shù)值差距較接近、不明顯，色階較趨于直線平穩(wěn)，呈灰階。HSB中SB顯示的數(shù)值也非常接近，成為符合復(fù)色特性的必須條件。
結(jié)論：
復(fù)色是由兩種間色或原色與間色混合而成，因此色相傾向較微妙、不明顯，視覺刺激度緩和，如果搭配不當(dāng)，頁面便呈現(xiàn)易臟或易灰朦朦的效果，沉悶、壓抑之感，屬于不好搭配之色。但有時復(fù)色加深色搭配能很好的表達(dá)神秘感、縱深感空間感；明度高的多復(fù)色（參看明度的網(wǎng)頁例圖）多用來表示寧靜柔和、細(xì)膩的情感，易于長時間的瀏覽。
補色 |
■ 補色：
是廣義上的對比色。在色環(huán)上劃直徑，正好相對（即距離最遠(yuǎn)）的兩種色彩互為補色。如：紅色是綠色的補色；橙色是藍(lán)色的補色；黃色是紫色的補色。
補色的運用可以造成最強烈的對比。
|
| → 補色網(wǎng)頁例圖：http://www. |
|
補色分析：
選用了一組紅綠對比色，極賦視覺沖擊力、所表現(xiàn)出的性格異常鮮明。
我們看到RGB中綠色的數(shù)值顯示情況符合復(fù)色的條件，因此注定了該顏色明度稍暗、純度較低的特性，而紅色R數(shù)值118構(gòu)成了該色的主要成份，其他G72，B61數(shù)值接近，純度和亮度相對綠色較高，因此2色在構(gòu)成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出，它們的飽和度相差較大。
結(jié)論：
補色最能傳達(dá)強烈、個性的情感。純度稍低的綠色為背景的大面積使用，對比并突出了前景純度明度較高的面積較小紅色的圖形，形成了視覺中心重點突出，達(dá)到主次分明的主題效果。
紅綠、橙藍(lán)、黃紫這三組補色中，前兩種使用得最頻繁。這三組補色搭配出的最終效果和目的，可以用兩個字來概括——強烈！
