色彩

有兩種方法可在 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) Ee371205.xtlink_newWindow(zh-tw,Expression.40).png (階層式樣式表 (CSS) 層級 2 修訂 1 (CSS2.1)) 規格包含「橘色」,因此總共有 17 個色彩關鍵字:

橘色

(#FFA500)

標準相容模式

使用 !DOCTYPE 宣告來指定標準相容模式時,Internet Explorer 6 或更新版本會忽略與 Cascading Style Sheets, Level 1 (CSS1) Ee371205.xtlink_newWindow(zh-tw,Expression.40).png (階層式樣式表層級 1 (CSS1)) 規格不符的樣式表宣告。以十六進位 RGB 值指定的色彩都會以 "#" 字元作為開頭 (請參閱本主題前面的色彩表)。"FFFFFF" 之類的值不會有任何作用,也就是不會被視為與 "#FFFFFF" (亦即白色) 相同。這會影響所有接受 RGB 色彩值的階層式樣式表屬性 (Attribute) 或屬性 (Property)。

另請參閱

概念

色彩與背景
使用者介面