CSS2 支援顏色關鍵字、十六進制、RGB 記法；CSS3 新增三種更強大的顏色表示方式：

RGBA

在 RGB 基礎上增加 Alpha 透明度通道。
語法：rgba(255, 0, 0, 0.5) — 紅色、50% 透明度。
Alpha 取值範圍：0（全透明）~ 1（不透明）。

HSL

色相、飽和度、亮度模型，直觀易調。

• H (Hue 色相)：0/360=紅、120=綠、240=藍，範圍 0~360（度）。
• S (Saturation 飽和度)：0%~100%。
• L (Lightness 亮度)：0%~100%。

語法：hsl(207, 38%, 47%)。

HSLA

HSL + Alpha 透明度。
語法：hsla(207, 38%, 47%, 0.5)。
Alpha 同 RGBA，範圍 0~1。

實用提示

• HSL/HSLA 適合動態生成配色方案（如按色相旋轉生成互補色）。
• RGBA/HSLA 可實現半透明疊加效果，無需圖片。
• 所有現代瀏覽器均支援；IE9+ 完整支援，IE8 需降級處理。

建議熟記上述語法，疑問可至論壇交流。