在實用美術中，常有"遠看色彩近看花，先看顏色後看花，七分顏色三分花"的說法。
這也就說明，在任何設計中，色彩對視覺的刺激都扮演第一訊息傳達的角色。因此，對色彩的基礎知識的良好掌控，在網頁設計中才能做到游刃有餘。
為了讓下面的網頁配色分析更容易理解，我們先來了解色彩的RGB模式和HSB模式。
■ RGB
RGB是表示紅色綠色藍色又稱為三原色光，英文為R(Red)、G(Green)、B(Blue)，在電腦中，RGB的所謂"多少"就是指亮度，並使用整數來表示。
通常情況下，RGB各有256級亮度，以數字表示為從0、1、2至255。雖然數字最高是255，但0也是數值之一，因此共256級。依計算，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216。通常也被簡稱為1600萬色或千萬色。又稱24位色(2的24次方)。
對於單獨的R或G或B而言，當數值為0時，代表這種顏色不發光；如果為255，則該顏色為最高亮度。因此當RGB三種色光都發到最強的亮度，純白的RGB值為255,255,255。螢幕上黑的RGB值是0,0,0。 R，意味著只有紅色存在，且亮度最強，G和B都不發光。因此最紅色的數值是255,0,0。同理，最綠色就是0,255,0；而最藍就是0,0,255。黃色較特殊，是紅色加綠色而得就是255，255，0。
RGB模式是顯示器的物理色彩模式。這就意味著無論在軟體中使用何種色彩模式，只要是在顯示器上顯示的，影像最終就是以RGB方式出現。
■ HSB
是顏色分為色相、飽和度、明度三個因素。英文為H(Hue)、S（Saturation）B（Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。