CSS3選擇顏色

CSS3顏色模塊定義了用于指定顏色和透明度的屬性。在CSS中指定顏色最常用的方法是使用顏色名稱，例如“red”、“green”或“blue”。 我們也可以使用十六進制顏色值或RGB值。

1. 顏色名稱
可以使用Web常用顏色名稱來指定顏色和背景，例如red, green, blue, white，等等。此外還有X11顏色表中的157種顏色名稱供我們使用。

2. 十六進制值
十六進制顏色值以#開頭，后跟六個十六進制數字。每個十六進制數字對應顏色中的紅、綠、藍三個顏色分量的值，取值范圍在00~FF中。例如紅色的顏色值是#FF0000, 綠色的顏色值是#00FF00, 藍色的顏色值是#0000FF。

3. RGB值
RGB顏色值是一組三個數字，分別表示紅、綠和藍的值。每個值的范圍在0~255之間。例如紅色的RGB值是rgb(255, 0, 0), 綠色的RGB值是rgb(0, 255, 0), 藍色的RGB值是rgb(0, 0, 255)。

4. HSL值
HSL是一種描述顏色的模型，它是由顏色的色相、飽和度和亮度三個參數來確定的。HSL顏色值的格式如下：hsl(色相, 飽和度, 亮度)。色相的取值范圍是0~360，飽和度和亮度的取值范圍是0%~100%。

5. RGBA值
RGBA的格式和RGB非常類似，只是在RGB的基礎上增加了一個alpha通道，用來表示透明度。alpha值以0~1小數表示。

6. HSLA值
HSLA也是在HSL上增加了一個alpha透明度通道，具體格式為：hsla(色相, 飽和度, 亮度, 透明度)。

上述幾種方式都可以使用在CSS的color屬性中，來指定我們需要的顏色值。另外，我們還可以使用CSS的opacity屬性來設置某個元素的透明度。