RGBA 是 RGB 的擴展，在 RGB 的基礎上又增加了對 Alpha 通道的控制，Alpha 通道可以設置顏色的透明度。
您需要借助 rgba() 函數來使用 RGBA 模式，該函數需要接收四個參數，除了 red、green、blue 三種顏色的強度外，還需要一個 0~1 之間的小數來表示顏色的透明度，其中 0 表示完全透明，1 表示完全不透明。rgba() 函數的語法格式如下：
rgba(red, green, blue, alpha);
其中 red、green、blue 分別表示三原色紅、綠、藍的強度，alpha 表示顏色的透明度，例如：
HSL 是 Hue（色調）、Saturation（飽和度）、Lightness（亮度）的縮寫，它同樣也是一種色彩模式，可以通過對色調、飽和度、亮度三個屬性的調節來實現不同顏色的。CSS 中使用 HSL 模式需要借助 hsl() 函數，函數的語法格式如下：
hsl(hue, saturation, lightness)
語法說明如下：
1) hue
參數 hue 表示顏色在色盤上的度數（從 0 到 360），0 或 360 表示紅色，120 表示綠色，240 表示藍色，如下圖所示；
2) saturation
參數 saturation 為一個百分比數值，表示色彩的飽和度，0% 表示灰色，100% 表示全彩。
3) lightness
參數 lightness 同樣為一個百分比數值，表示顏色的亮度，0% 是黑色（沒有亮度），50% 為最合適的亮度（既不發黑也不過亮），100% 是白色（曝光嚴重）。
HSLA 是 HSL 的擴展，在 HSLA 中增加了對顏色透明度的控制，其余與 HSL 相同。CSS 中使用 HSLA 模式需要借助 hsla() 函數，函數的語法格式如下：
hsla(hue, saturation, lightness, alpha)
參數 alpha 是一個 0 ~ 1 之間小數，用來表示顏色的透明度，0 表示完全透明，而 1 表示完全不透明。
【示例】通過不同的方式來為 HTML 元素設置顏色：
運行結果如下圖所示：
