在色相環中，每種不同的顏色都有著自己的顏色及明度顯示特征。在網頁的制作與設計，色彩因為明度的差異而顯示出的不同對比效果就稱之為明度對比。在設計網頁的明度對比應用中，上海網站建設公司主要使用其來突出網頁的視覺層次感與空間感。舉個鮮明的例子，在色相環中，檸檬黃的明度是非常高的，而橙色與綠色的明度則稍微差了一些，而藍色與紅色的明度則更低。網頁的設計師一般都是用同種色系的多種明度或者是使用多用顏色的多種明度進行網頁的色彩對比布局的。

1、 明度的不同能夠凸顯深淺與明暗的不同

一般情況下上海網站建設公司所指出的明度對比就是將顏色融入進黑白兩色，這樣就能夠產生明顯的深淺視覺效果。我們用0到10來表示黑白兩色融入后所產生的明度改變效果。把最高明度的顏色用0來表示，而最低明度的顏色用10來表示，那么高明度則為0至3，中明度則為4至6，而低明度則為7至10。

2、 對比度強弱的分類

上海網站建設公司使用明度差別的大小來調整整個網頁的明度布局。我們把明度差別的大小分為3個類型。明度差值在3以內的則為短調明度對比；明度差值在5之外的就為長調明度對比；而差值在3至5之間的就為中調明度對比。上海網站建設公司經常使用強明度對比來使網頁的形象更加清晰，而使用弱明度對比來表現網頁的柔和與寧靜。