網頁設計 大亂鬥

網頁設計中的色彩搭配 ~是非常重要的一環。

色彩可視度清晰的配色的搭配：
　 １　　黑　　黃
　 ２　　黃　　黑
　 ３　　黑　　白
　 ４　　紫　　黃
　 ５　　紫　　白
　 ６　　藍　　白
　 ７　　綠　　白
　 ８　　白　　黑
　 ９　　黃　　綠
　 10　   黃　　藍 

背景與配色的搭配（選自日本佐籐垣宏的《我們的生活與配色》）
背景(底色） 配色 
黑 白－黃－黃橙－黃綠－橙 
白 黑－紅－紫－藍紫－藍 
紅 白－黃－藍－藍綠－黃綠 
藍 白－黃－黃橙－橙 
黃 黑－紅－藍－藍紫－綠 
綠 白－黃－紅－黑－黃橙 
紫 白－黃－黃綠－橙－黃橙 
灰 黃－黃綠－橙－紫－藍紫

一、色彩要素 
客觀世界的色彩前邊千變萬化。各不相同，但任何色彩都有色相、明度、純度三個方面的性質，又稱色彩的三要素，而且當色彩間發生作用時，除以上三種基本條件外，各種色彩彼此間形成色調，並顯現出自己的特性，因此，色相、明度、純度、色調及色性等五項構成了色彩的要素。 
色相色彩 的相貌，是區別色彩種類的名稱。 
明度色彩 的明暗程度，即色彩的深淺差別。明度差別即指同色的深淺變化，又指不同色相之間存在的明度差別。 
純度色彩 的純淨程度，又稱彩度或飽和度。某一純淨色加上白或黑，可降低其純度，或趨於柔和、或趨於沉重。 
色調 畫面中總是由具有某種內在聯繫的各種色彩組成一個完整統一的整體，形成畫面色彩總的趨向，稱為色調。 
色性 指色彩的冷暖傾向。 

二、顏料混合 
原色（第一次色）：不能用其他任何單色混合而成的基本色彩。包括：紅、黃、藍（理想的顏料三原色是明亮的紅色、檸檬黃和湖藍）。 
間色： 由兩原色相混合而得（包括：橙、綠、紫）。 
復色： 由兩間色相混合而得。 

色彩並置混合 當我們把紅、藍色點或色塊並置的畫面經過一定的距離，就會發現紅色與藍色變成了一個紫色，只是由於空間距離和視覺生理的限制，眼睛辨別不出過小或過遠物象的細節，因此把個不相同色塊感受成一個新的色彩，這種現象便稱為色彩的並置混合或空間混合。 

三、色彩對比 
　　兩種以上的色彩，以空間或時間關係相比較，能比較出明顯的差別，並產生比較作用，被稱為色彩對比。該想像分為兩大類：同時對比和連續對比。 
色相對比 因色相之間的差別形成的對比。當主色相確定後，必須考慮其他色彩與主色相是什麼關係，要表現什麼內容及效果等，這樣才能增強其表現力。 
明度對比 因明度之間的差別形成的對比。（檸檬黃明度高，藍紫色的明度低，橙色和綠色屬中明度，紅色與藍色屬中低明度）。 
純度對比 一種顏色與另一種更鮮艷的顏色相比時，會感覺不太鮮明，但與不鮮艷的顏色相比時，則顯得鮮明，這種色彩的對比便稱為純度對比。 
補色對比 將紅與綠、黃與紫、藍與橙等具有補色關係的色彩彼此並置，使色彩感覺更為鮮明，純度增加，稱為補色對比。（視覺的殘像現象明顯）。 
冷暖對比 由於色彩感覺的冷暖差別而形成的色彩對比，稱為冷暖對比。（紅、橙、黃使人感覺溫暖；藍、藍綠、藍紫使人感覺寒冷；綠與紫介與其間），另外，色彩的冷暖對比還受明度與純度的影響，白光反射高而感覺冷，黑色吸收率高而感覺暖。

四、色彩調和 
　　兩種或兩種以上的色彩合理搭配，產生統一和諧的效果，稱為色彩調和。 
同種色的調和 相同色相，不同明度和純度的色彩調和。方法為：使之產生循序的漸進，在明度、純度的變化上，形成強弱、高低的對比，以彌補同色調和的單調感。