色彩
有兩種方法可在 HTML 網頁中指定色彩:使用數字表示 RGB 色彩值或使用色彩名稱。
RGB 標記
RGB 色彩值通常包含 '#
',隨後緊接著三組兩位數的十六進位數字,以表示紅綠藍三色的濃度。例如,色彩值 #FF0000
會呈現為紅色,因為紅色的數字是設定為最高值 FF
(以十進位表示則為 255)。
複製數字後,即可將三位數的簡短格式轉換為六位數的格式 (#F00
即成為 #FF0000
)。「功能性」RGB 標記會使用逗號分隔的十進位或百分比值清單。
以下各個樣式規則都會將相同色彩 (紅色) 套用於 EM 選取器:
EM {color: #f00;} /* #rgb */
EM {color: #ff0000;} /* #rrggbb */
EM {color: rgb(255, 0, 0);} /* integer range 0 - 255 */
EM {color: rgb(100%, 0%, 0%);} /* float range 0.0% - 100.0% */
EM {color: red;} /* color keyword */
標準 HTML 色彩
HTML 4.01 標準只能定義 16 個色彩「關鍵字」(名稱)。不論使用者的顯示卡所呈現的色彩解析度為何,都能夠正確呈現這些色彩:
黑色 |
(#000000) |
銀色 |
(#C0C0C0) |
灰色 |
(#808080) |
白色 |
(#FFFFFF) |
暗紅色 |
(#800000) |
紅色 |
(#FF0000) |
紫色 |
(#800080) |
桃紅色 |
(#FF00FF) |
綠色 |
(#008000) |
亮綠色 |
(#00FF00) |
深黃色 |
(#808000) |
黃色 |
(#FFFF00) |
深藍色 |
(#000080) |
藍色 |
(#0000FF) |
藍綠色 |
(#008080) |
青色 |
(#00FFFF) |
Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) (階層式樣式表 (CSS) 層級 2 修訂 1 (CSS2.1)) 規格包含「橘色」,因此總共有 17 個色彩關鍵字:
橘色 |
(#FFA500) |
標準相容模式
使用 !DOCTYPE
宣告來指定標準相容模式時,Internet Explorer 6 或更新版本會忽略與 Cascading Style Sheets, Level 1 (CSS1) (階層式樣式表層級 1 (CSS1)) 規格不符的樣式表宣告。以十六進位 RGB 值指定的色彩都會以 "#
" 字元作為開頭 (請參閱本主題前面的色彩表)。"FFFFFF
" 之類的值不會有任何作用,也就是不會被視為與 "#FFFFFF
" (亦即白色) 相同。這會影響所有接受 RGB 色彩值的階層式樣式表屬性 (Attribute) 或屬性 (Property)。