CSS 中的顏色

十六進製制表示法

十六進製制色

rgb 顏色

rgba 顏色

hsl 顏色

hsla 顏色

rgb分別是red、green、blue三種顏色的縮寫，它們也是三原色，理論上可以調配成任意顏色。

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 顏色值的擴充套件，它多帶了乙個透明度的屬性。 a是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 顏色

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

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

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

以#字元開始，#ff00aa，每兩位符號分別代表該顏色紅綠藍各自的權重。ff表示16進製取值最大的255，表示紅色的比例為100%，00表示16進製制的最小值0，16進製表示的數字0~15分別用0 ,1，2, 3，4, 5，6, 7，8 , 9，a, b，c，d，e，f 符號來表示。