明度、色相、纯度是色彩最基本的三要素，也是人正常视觉感知色彩的网站设计3个重要因素。有彩色系具有色相、明度、纯度的变化，这些变化形成了人们所看到的缤纷色彩。有彩色的色相、纯度和明度是不可分割的，应用时必须同时考虑这3个因素。

1、明度

明度表示色彩的明暗程度，明度越大，色彩越亮。如一些购物、儿童类网站，用的是一些鲜亮的颜色，让人感觉绚丽多姿、生机勃勃。明度越低，颜色越暗，主要用干一些游戏类网站。充满神秘感：一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。如下左两图所示即为色彩的明度变化。

明度高是指色彩较明亮，而明度低就是指色彩较灰暗。没有明度关系的色彩，就会显得苍白无力，只有加入明暗的变化，才可以展示色彩的视觉冲击力和丰富的层次感，如下右图所示。

色彩的明度包括无彩色的明度和有彩色的明度。在无彩色中，白色明度最高，黑色明度最低，白色和燕色之间是一个从亮到暗的灰色系列：在有彩色中，任何一种纯度色那有着自己的明度特征，如黄色明度最高，紫色明度最低。

2、色相

色相是指色彩的名称，是不同波长的光给人的不同的色彩感受。红、橙、黄、绿、蓝、紫等都各自代表一类具体的色相，它们之间的差别属于色相差别。它是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。最初的基本色相为：红、橙、黄、绿、蓝、紫。在各色中间加上中间色，其头尾色相，按光谱顺序为：红、橙红、黄橙、黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫十二基本色相。如下左图所示即为十二基本色相。

如以绿色为主的色相，可能有粉绿、草绿、中绿等色相的变化，它们虽然是在绿色相中调入了白与灰，在明度与纯度上产生了微弱的差异，但仍保持绿色相的基本特征。如下右图所示显示了绿色色相的不同差异。
3、纯度

纯度通常是指色彩的鲜艳度，是表明一种颜色中是否含有白或黑的成分。假如某色不含有白或黑的成分，便是纯色，其纯度最高：如果含有越多白或黑的成分，其纯度亦会逐渐下降，如下图所示。
纯度体现了色彩内在的品格。不同的色相不但明度不等，纯度也不相等。同一色相，即使纯度发生了细微的变化，也会立即带来色彩的变化。有了纯度的变化，才使世界上有如此丰富的色彩。如下左图所示，纯度高的画面显得非常鲜活明快,如：下右图所示，纯度较低的画面则显得灰暗朦胧。