CSS初級教程 顏色

CSS擁有1677216色供你處置，可以用名字，rgb（紅綠藍）值或者十六進位代碼（hex）值來表示。
紅色red
相同於
rgb(255,0,0)
相同於
rgb(100%,0%,0%)
相同於
#ff0000
相同於
#f00
有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：

代碼如下	複製代碼
h1 {  color: yellow;  background-color: blue;  }

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

代碼如下	複製代碼
body {  font-size: 0.8em;  color: navy;  }  h1 {  color: #ffc;  background-color: #009;  }

儲存這個CSS文檔，然後重新整理瀏覽器。你可以看到第一級標題（h1元素）已經變成介於黃藍之間的混色。
你可以應用color和background-color的屬性到大部分的HTML元素中，包括body，它可以改變整個頁面所有東西的顏色。