在實用美術中，我們經常說“遠看色彩近看花，先看顏色后看花，七分顏色三分花”。

從這句話可以看出，在任何設計中，傳達給人類視覺的第一刺激信息是色彩。要想在網頁配色中做到游刃有余，首先要了解兩個概念：RGB和HSB。

什么是RGB？

RGB表示紅色(R)、綠色(G)、藍色(B)，又稱為三原色光。它是通過對三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的，RGB即是代表紅、綠、藍三個通道的顏色，這個標準幾乎包括了人類視力所能感知的所有顏色，是目前運用最廣的顏色系統之一。

通常情況下，RGB各有256級亮度，用數字表示為從0、1、2至255。雖然數字最高是255，但0也是數值之一，因此共256級。按照計算，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。

使用過photoshop圖像處理軟件的朋友一定知道，photoshop中的調色板功能，就可以通過RGB數值，方便的為我們定義出想要的色彩。

什么是HSB？

在HSB模式中，H(hues)表示色相、S(saturation)表示飽和度、B（brightness）表示亮度。 HSB模式對應的媒介是人眼。

飽和度高色彩較艷麗，低色彩接近灰色。亮度高色彩明亮，低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。

色相：在0~360°的標準色輪上，色相是按位置度量的。在通常的使用中，色相是由顏色名稱標識的，比如紅、綠或橙色。黑色和白色無色相。

飽和度：表示色彩的純度，為0時為灰色。白、黑和其他灰色色彩都沒有飽和度的。在最大飽和度時，每一色相具有最純的色光。

亮度：是色彩的明亮度。為0時即為黑色。最大亮度是色彩最鮮明的狀態。

在網頁配色中，RGB和HSB是基礎，我們每個人眼中所看到的五顏六色的世界，其任何顏色都可以說是從這個兩個概念中所獲得的，網頁配色的精髓就是在不斷地實踐過程中，積累對RGB和HSB不同環境下色值調試的經驗，有了這樣的經驗，就很容易做出令人賞心悅目的網頁。