CSS擁有1677216色供你處置，可以用名字，rgb（紅綠藍）值或者十六進制代碼（hex）值來表示。


有16中合法的預定義顏色名字。它們是：aqua（水綠）、 black（黑）、blue（藍）、 fuchsia（紫紅）、 gray（灰）、 green（綠）、lime（淺綠）、 maroon（褐）、navy（深藍）、 olive（橄欖）、purple（紫）、 red（紅）、silver（銀）、 teal（深青）、white（白）和 yellow（黃）。

透明transparent也是一個合法值。

在rgb的從0至255的三個值中，0是最低階的（如沒有紅色），255是最高階（如全是紅色）。這些值也可以是百分比。

十六進制Hexadecimal（以“Sexadecimal”更為人知和更正確的用法）是16位的系統。我們日常生活中常用的是十進制系統（基于10，從0到9），但十六進制有16個數字，從0到f。
在CSS中的十六進制用半角英文井號#來定義，后面跟隨3或6位數字。基本上，3位是6位的壓縮版（#f00就是#ff0000，#c96就是#cc9966等等）。3位版本比較輕易解釋（第一個數字，像rgb的第一個值，是紅色的，第二個綠色，不用說，第三個就是藍色了），但6位版本給你更多的顏色精確控制權。

前景色和背景色

顏色可以用color和background-color（注重這必須用美式英語中的color而不是colour）來應用。
下面演示一段有藍色背景和黃色前景的文本的CSS：


這些顏色讓人感到有點粗糙，所以你可以進一步改進CSS代碼，使文本看起來清爽一點：


保存這個CSS文檔，然后刷新瀏覽器。你可以看到第一級標題（h1元素）已經變成介于黃藍之間的混色。

你可以應用color和background-color的屬性到大部分的HTML元素中，包括body，它可以改變整個頁面所有東西的顏色。