明度是指色的明暗程度，也可以稱色的亮度、深淺。若把無彩色的黑白作爲兩個極端，在中間根據明度的順序，等間隔地排列出若干個灰色，就成爲明度階段，靠近白端爲高明度色，靠近黑端爲低明度色，中間部分爲中明度色。明度階段從無色彩的角度來看，很容易區分明暗程度，但是混合了色相明暗度就不是那麼容易區分樂。
1.高明度
玉蘭油白裏透紅美白霜的廣告網站可以看作爲高明度型站點的典型參考，主色（白色）是明度最高的顏色，輔助色是明度很高的藍色，營造出輕快、爽潔的氛圍，是二十歲左右年輕女性十分青睞的風格。
kindle是亞馬遜的閱讀軟件，主要用於閱讀亞馬遜銷售的電子書。界面以白色爲主，簡潔、明亮、乾淨。在高明度的環境中，強調色藍色重點突出了書籍名稱等相關信息，而強調色橙色主要用於交互操作的提示和用戶評價的星級。閱讀軟件需要顯示大量信息和圖片，因此高明度爲主色是一個很不錯的選擇。
2.中明度
中明度色彩是網站配色中最常見的，比例高於高明度和低明度的網站。1號店“現今好禮天天見”專題廣告網站中的主色彩用中明度的橙色，生動富於親和力；而中間區域較低明度的青綠色的運用，使活躍氣氛中多一些安靜，便於受衆閱讀內容。
storific是法國一款基於地理位置服務的訂餐軟件，除了對商家進行篩選，提供附近餐館的信息、距離以及可提供的美食服務之外，當用戶進入餐廳後，storific還會自動生成該餐廳的菜單供你點菜。用戶使用storific點餐後，餐廳的後廚會自動收到訂單並及時進行處理。
storific的界面保持了很好的一致性，整個視覺體驗都很流暢。採用中明度天藍色作爲主色，搭配着鈷藍、深藍、白色、深灰，界面運用了一些色調的漸變，給人一種較強的韻律感，能讓界面的色彩層次更加豐富。橙色作爲主色的互補色，用作界面的強調色，面積大小控制得很好，起到了畫龍點睛得效果。界面一些圖標、按鈕、文本鏈接，都採用玻璃質感，比較整體
化。
3.低明度
當色彩得明度降低時，人們會使用“變深”或“變暗”去形容它，往往能與沉重、冷峻、成熟等印象聯繫起來。路虎攬勝極光網站通過整體低明度得塑造凸顯酷勁十足得個性風格。
音悅臺時國內主流得高清mv分享平臺，用戶不僅可以在應用中欣賞喜歡得mv，還可以把自己得分享推薦給好朋友，此應用界面以黑色爲主、灰色爲輔助色，強調色爲了與整體色調統一、選用了時明度較低得黃綠色。黑色時色彩中明度最低得色彩，低明度給整個界面營造了一種時尚、神祕得藝術氛圍。