css之顏色表示法

css之顏色表示法

所有瀏覽器都支援十六進製制顏色值。

十六進製制顏色是這樣規定的：#rrggbb，其中的 rr（紅色）、gg（綠色）、bb（藍色）十六進製制整數規定了顏色的成分。所有值必須介於 0 與 ff 之間。

舉例說，#0000ff 值顯示為藍色，這是因為藍色成分被設定為最高值（ff），而其他成分被設定為 0。

所有瀏覽器都支援 rgb 顏色值。

rgb 顏色值是這樣規定的：rgb(red, green, blue)。每個引數 (red、green 以及 blue) 定義顏色的強度，可以是介於 0 與 255 之間的整數，或者是百分比值（從 0% 到 100%）。

舉例說，rgb(0,0,255) 值顯示為藍色，這是因為 blue 引數被設定為最高值（255），而其他被設定為 0。

同樣地，下面的值定義了相同的顏色：rgb(0,0,255) 和 rgb(0%,0%,100%)。

rgba 顏色值得到以下瀏覽器的支援：ie9+、firefox 3+、chrome、safari 以及 opera 10+。

rgba 顏色值是 rgb 顏色值的擴充套件，帶有乙個 alpha 通道 - 它規定了物件的不透明度。

rgba 顏色值是這樣規定的：rgba(red, green, blue, alpha)。alpha 引數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。

hsl 顏色值得到以下瀏覽器的支援：ie9+、firefox、chrome、safari 以及 opera 10+。

hsl 指的是 hue（色調）、saturation（飽和度）、lightness（亮度） - 表示顏色柱面座標表示法。

hsl 顏色值是這樣規定的：hsl(hue, saturation, lightness)。

hue 是色盤上的度數（從 0 到 360） - 0 (或 360) 是紅色，120 是綠色，240 是藍色。saturation 是百分比值；0% 意味著灰色，而 100% 是全彩。lightness 同樣是百分比值；0% 是黑色，100% 是白色。

hsla 顏色值得到以下瀏覽器的支援：ie9+、firefox 3+、chrome、safari 以及 opera 10+。

hsla 顏色值是 hsl 顏色值的擴充套件，帶有乙個 alpha 通道 - 它規定了物件的不透明度。

hsla 顏色值是這樣規定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 引數定義不透明度。alpha 引數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。

所有瀏覽器都支援的顏色名。

html 和 css 顏色規範中定義了 147 中顏色名（17 種標準顏色加 130 種其他顏色）。下面的**中列出了所有這些顏色，以及它們的十六進製制值。

還可以使用ps。fw。瀏覽器自帶的調色盤進行取色。