明度、色相、純度是色彩最基本的三要素，也是人正常視覺感知色彩的網站設計3個重要因素。有彩色系具有色相、明度、純度的變化，這些變化形成了人們所看到的繽紛色彩。有彩色的色相、純度和明度是不可分割的，應用時必須同時考慮這3個因素。
1、明度
明度表示色彩的明暗程度，明度越大，色彩越亮。如一些購物、兒童類網站，用的是一些鮮亮的顏色，讓人感覺絢麗多姿、生機勃勃。明度越低，顏色越暗，主要用干一些游戲類網站。充滿神秘感：一些個人站長為了體現自身的個性，也可以運用一些暗色調來表達個人的一些孤僻，或者憂郁等性格。如下左兩圖所示即為色彩的明度變化。
明度高是指色彩較明亮，而明度低就是指色彩較灰暗。沒有明度關系的色彩，就會顯得蒼白無力，只有加入明暗的變化，才可以展示色彩的視覺沖擊力和豐富的層次感，如下右圖所示。
色彩的明度包括無彩色的明度和有彩色的明度。在無彩色中，白色明度最高，黑色明度最低，白色和燕色之間是一個從亮到暗的灰色系列：在有彩色中，任何一種純度色那有著自己的明度特征，如黃色明度最高，紫色明度最低。
2、色相
色相是指色彩的名稱，是不同波長的光給人的不同的色彩感受。紅、橙、黃、綠、藍、紫等都各自代表一類具體的色相，它們之間的差別屬于色相差別。它是色彩最基本的特征，是一種色彩區別于另一種色彩的最主要的因素。最初的基本色相為：紅、橙、黃、綠、藍、紫。在各色中間加上中間色，其頭尾色相，按光譜順序為：紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫十二基本色相。如下左圖所示即為十二基本色相。
如以綠色為主的色相，可能有粉綠、草綠、中綠等色相的變化，它們雖然是在綠色相中調入了白與灰，在明度與純度上產生了微弱的差異，但仍保持綠色相的基本特征。如下右圖所示顯示了綠色色相的不同差異。
3、純度
純度通常是指色彩的鮮艷度，是表明一種顏色中是否含有白或黑的成分。假如某色不含有白或黑的成分，便是純色，其純度最高：如果含有越多白或黑的成分，其純度亦會逐漸下降，如下圖所示。
純度體現了色彩內在的品格。不同的色相不但明度不等，純度也不相等。同一色相，即使純度發生了細微的變化，也會立即帶來色彩的變化。有了純度的變化，才使世界上有如此豐富的色彩。如下左圖所示，純度高的畫面顯得非常鮮活明快,如：下右圖所示，純度較低的畫面則顯得灰暗朦朧。
1、明度
明度表示色彩的明暗程度，明度越大，色彩越亮。如一些購物、兒童類網站，用的是一些鮮亮的顏色，讓人感覺絢麗多姿、生機勃勃。明度越低，顏色越暗，主要用干一些游戲類網站。充滿神秘感：一些個人站長為了體現自身的個性，也可以運用一些暗色調來表達個人的一些孤僻，或者憂郁等性格。如下左兩圖所示即為色彩的明度變化。
明度高是指色彩較明亮，而明度低就是指色彩較灰暗。沒有明度關系的色彩，就會顯得蒼白無力，只有加入明暗的變化，才可以展示色彩的視覺沖擊力和豐富的層次感，如下右圖所示。
色彩的明度包括無彩色的明度和有彩色的明度。在無彩色中，白色明度最高，黑色明度最低，白色和燕色之間是一個從亮到暗的灰色系列：在有彩色中，任何一種純度色那有著自己的明度特征，如黃色明度最高，紫色明度最低。
2、色相
色相是指色彩的名稱，是不同波長的光給人的不同的色彩感受。紅、橙、黃、綠、藍、紫等都各自代表一類具體的色相，它們之間的差別屬于色相差別。它是色彩最基本的特征，是一種色彩區別于另一種色彩的最主要的因素。最初的基本色相為：紅、橙、黃、綠、藍、紫。在各色中間加上中間色，其頭尾色相，按光譜順序為：紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫十二基本色相。如下左圖所示即為十二基本色相。
如以綠色為主的色相，可能有粉綠、草綠、中綠等色相的變化，它們雖然是在綠色相中調入了白與灰，在明度與純度上產生了微弱的差異，但仍保持綠色相的基本特征。如下右圖所示顯示了綠色色相的不同差異。
3、純度
純度通常是指色彩的鮮艷度，是表明一種顏色中是否含有白或黑的成分。假如某色不含有白或黑的成分，便是純色，其純度最高：如果含有越多白或黑的成分，其純度亦會逐漸下降，如下圖所示。
純度體現了色彩內在的品格。不同的色相不但明度不等，純度也不相等。同一色相，即使純度發生了細微的變化，也會立即帶來色彩的變化。有了純度的變化，才使世界上有如此豐富的色彩。如下左圖所示，純度高的畫面顯得非常鮮活明快,如：下右圖所示，純度較低的畫面則顯得灰暗朦朧。