在網頁設計時，將兩個或者兩個以上的色彩放在一起（包括在盡可能接近的時間和空間里，也就是說在同一視域，最好在同一視域中心之內），能準確地發現色彩的異同，才能最充分地顯示出應有的對比效果。充分地理解和運用色彩的對比，對設計制作網頁尤為重要

明度對比

明度對比是指色彩明暗程度的對比，也稱色彩的黑白度對比。明度對比是色彩構成中最重要的因素之一，色彩的層次與空間關系主要依靠色彩的明度對比來表現。

用黑色和白色按等差比例相混，建立一個含11個等級的明度色標，如圖所示。

明度色標根據明度色標可以劃分為3個明度基調。   

?低明基調：由0~3級的暗色組成的基調。具有沉靜、厚重、遲鈍、憂郁的感覺。   

?中明基調：由4~7級的中明色組成的基調。具有柔和、甜美、穩定的感覺。   

?高明基調：由8~10級的亮色組成的基調。具有優雅、明亮、寒冷、軟弱的感覺。明度對比的強弱決定于色彩明度差別的大小。   

?明度弱對比：相差3級以內的對比，又稱短調。具有含蓄、模糊的特點。

?明度中對比：相差4~5級的對比，又稱中調。具有明確、爽快的特點。   

?明度強對比：相差6級以上的對比，又稱長調。具有強烈、刺激的特點。

色彩匹配時，只有色相的對比而無明度的對比，圖形的輪廓難以辨認；只有純度的區別而無明度的對比，圖形輪廓更為模糊?？梢?，色彩的明度對比在色彩構成中起主導作用。將相同的色彩，放在黑色和白色上，比較色彩的感覺，會發現黑色上的色彩感覺比較亮，放在白色上的色彩感覺比較暗，這就是明度對比的結果。

明暗的對比效果非常強烈明顯，對配色結果產生的影響，明度差異很大的對比，會讓人有不安的感覺。對于網頁設計中的色彩的應用來說，明度對比的正確與否，是決定配色的光感、明快感、清晰感以及心理作用的關鍵。

色相對比

色相對比是基于色相差別而形成的對比。色相的差別雖然是由于可見光波長的長短差別所形成，但不能完全根據波長的差別來確定色相的差別和確定色相的對比程度。

色相對比的強弱，決定于色相在色相環上的距離。在網站建設中，色相距離在15°以內的對比，一般看作色相的不同明度與純度的對比，因為距離15°的色相屬于模糊的、較難區分的色相，這樣的色相對比稱為鄰接色相對比，是最弱的色相對比。色相距離在15°以上、45°左右的對比，稱為鄰近色相對比，或近似色相對比，是軟弱的色相對比。色相距離在130°左右的對比，一般稱為對比色相對比，是色相中對比。色相距離在180°左右的對比，稱互補色相對比，是色相強對比。色相距離如果大于180°，從余下的弧度來看，必然小于180°，所以距離恰好在180°的對比，稱最強色相對比。色相對比的強弱可以由色相環上的距離來表示，如圖所示。

在色相對比中鄰接色、類似色為色相弱對比，中差色為色相中對比，對比色為色相強對比，互補色為色相最強對比。   

?鄰接色相對比：鄰接色相差很小，色彩對比非常微弱，因此配色易于單調，必須借助明度、純度對比的變化來彌補色相感的不足。

?類似色相對比：紅與橙、橙與黃、黃與綠、綠與青、青與紫、紫與紅等在24色相環上間隔15°~60°色組的對比為類似色對比。類似色相對比要比鄰接色相對比明顯些，但是仍然比較接近。類似色相都含有共同的色素，它既保持了鄰接色的單純、統一、柔和和主色調明確的特點，同時又具有含蓄耐看的優點，但運用類似色配色如不注意明度和純度變化，也容易流于單調。為了改變色相對比不足的弊病，一般需要運用小面積的對比色或比較鮮艷的色作點綴，以增加色彩生氣。   

?中差色相對比：黃與紅、紅與藍、藍與綠等在24色相環上間隔60°~120°的色相為中差色相對比。它介于類似色相和對比色相之間。色相差比較明確，色彩對比效果比較明快，是色彩設計中常用的配色。   

?對比色相對比：色相環上間隔120°~160°的三色如：品紅、黃、青，紅、黃、綠青，橙、綠、青紫，黃橙、青綠、紫，黃、綠青、紅紫等色相形成的色彩對比為對比色相對比。色相環上的品紅、黃、青稱為三原色的對比。色環上橙、綠、青紫是由第一次色混合而得的間色的對比。間色的對比較三原色的對比緩和。色相環上間隔90°左右的4色如：紅、黃、青綠、青紫，橙、黃綠、綠青、紫，黃橙、綠、青、紅紫等色組也屬于對比色相對比。對比色相對比的色感要比類似色相鮮明強烈，具有飽滿、華麗、歡樂、活躍的感情特點，容易使人興奮、激動。   

?互補色相對比：色相環上距離180°左右的色相為互補色相對比，是最強的色相對比。如紅、青綠，黃、青紫，綠、紅紫，青、橙等色組?；パa色相配，能使色彩對比達到最大的鮮明程度，并強烈地刺激感官，從而引起人們視覺的足夠重視和達到生理上的滿足?；パa色相對比的特點是強烈、鮮明、充實、有運動感，但是容易產生不協調、雜亂、過分、刺激、動蕩不安、粗俗生硬等缺點。要想把互補色相對比組織得傾向鮮明、統一與調和，配色技術的難度就更高了。在運用同種色、鄰接色或類似色配色時，如果色調平淡乏味、缺乏生氣，那么恰當地借用補色對比的力量將會使色彩效果得到改善。

網頁設計中，在使用色相對比時，應該先確定主色調，然后明確其他色彩與主色調是什么關系，要表現內容和情感，增強構成色調的計劃性、明確性與目的性。