# CSS 合法顏色值 ## CSS 顏色 可以用以下方法來規定 CSS 中的顏色： * 十六進制色 * RGB 顏色 * RGBA 顏色 * HSL 顏色 * HSLA 顏色 * 預定義/跨瀏覽器顏色名 ## 十六進制顏色 所有瀏覽器都支持十六進制顏色值。 十六進制顏色是這樣規定的：#RRGGBB，其中的 RR（紅色）、GG（綠色）、BB（藍色）十六進制整數規定了顏色的成分。所有值必須介于 0 與 FF 之間。 舉例說，#0000ff 值顯示為藍色，這是因為藍色成分被設置為最高值（ff），而其他成分被設置為 0。 ### 實例 ``` p { background-color:#0000ff; } ``` ## RGB 顏色 所有瀏覽器都支持 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%)。 ### 實例 ``` p { background-color:rgb(255,0,0); } ``` ## RGBA 顏色 RGBA 顏色值得到以下瀏覽器的支持：IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。 RGBA 顏色值是 RGB 顏色值的擴展，帶有一個 alpha 通道 - 它規定了對象的不透明度。 RGBA 顏色值是這樣規定的：rgba(red, green, blue, alpha)。alpha 參數是介于 0.0（完全透明）與 1.0（完全不透明）的數字。 ### 實例 ``` p { background-color:rgba(255,0,0,0.5); } ``` ## HSL 顏色 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% 是白色。 ### 實例 ``` p { background-color:hsl(120,65%,75%); } ``` ## HSLA 顏色 HSLA 顏色值得到以下瀏覽器的支持：IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。 HSLA 顏色值是 HSL 顏色值的擴展，帶有一個 alpha 通道 - 它規定了對象的不透明度。 HSLA 顏色值是這樣規定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 參數定義不透明度。alpha 參數是介于 0.0（完全透明）與 1.0（完全不透明）的數字。 ### 實例 ``` p { background-color:hsla(120,65%,75%,0.3); } ```