關於: 顏色
到目前爲止,在這個系列中,都很少用到用名字命名的顏色屬性。CSS2支持17種名字的顏色。其中有一些可能不像你期望的那樣,如下圖:
black | gray | silver | white | |||||||||||
主要的 | red | lime | blue | |||||||||||
次要 | yellow | aqua | fuchsia | |||||||||||
maroon | orange | olive | purple | green | navy | teal |
dodgerblue | peachpuff | tan | firebrick | aquamarine |
對於更多存在的名字的顏色命名, 你可以參看CSS 3顏色模塊中的: SVG color keywords 部分. 一定要注意的是,使用名字命名顏色的時候,有可能用戶的瀏覽器是不支持的。
對於更多地顏色,你可以使用代表紅,綠,藍三個顏色的16進制數字來表示。16進制數字的範圍0-9,a-f。其中a-f代表的數值就是10-15:
黑 |
#000 |
|
純 紅 |
#f00 |
|
純 綠 |
#0f0 |
|
純 藍 |
#00f |
|
白 |
#fff |
要得到瀏覽器能夠呈現的所有的顏色,你就得使用兩個16進制來表示(也就是6位):
黑 |
#000000 |
|
純紅 |
#ff0000 |
|
純綠 |
#00ff00 |
|
純藍 |
#0000ff |
|
白 |
#ffffff |
你能夠從你的畫圖程序或者其他的工具上得到6位的顏色數值.
可以通過調整3位數字來得到不同的顏色:
從純紅開始: |
#f00 |
|
讓它淡一點,加一些綠色和藍色: |
#f77 |
|
讓它更偏橙色一些,多加一些綠色: |
#fa7 |
|
讓它更深一些,所有的顏色部分,紅,綠,藍都要減少: |
#c74 |
|
讓它的飽和度更低一些,所有的顏色值都調整到差不多大小: |
#c98 |
|
如果所有的顏色值都相等,那麼就變成了灰色: |
#ccc |
對於淺色,比如說淡藍色:
從純白色開始: |
#fff |
|
稍微降低一下各個顏色值: |
#eef |
還能夠通過RGB值(0-255或者是百分比值),來得到顏色
比如,下面是深紅色的RGB表示法:
rgb(128, 0, 0)
對於如何指定顏色的所有信息,可以參看 CSS規範中的: Colors 部分.
更多關於系統顏色的說明,比如菜單、樹等,可以參看CSS規範中得: CSS2 System Colors 部分.