在設定顏色時，最常使用 HEX 碼來表示顏色，對於顏色的表示方法沒有太多著墨，因此這次來記錄顏色表示方式

在 CSS 樣式指定色彩時，表達顏色的方式有：
RGB 值，由紅、綠、藍三原色比例來表達色彩

color: rgb(201, 76, 76);

HEX 碼，或稱十六進制顏色，以三組碼 (# RRGGBB ) 來表示紅、綠、藍三原色的比例

color: #92a8d1;

顏色名，預設有 140 種顏色的名稱可使用，顏色名稱可參考 HTML Color Names

background-color: blue;

HLS 值，語法為 hsl(hue, saturation, lightness)，分別為色相、飽和度、明度，色相以角度的值 ( 0 ~ 360 ) 來表示色輪上的顏色；飽和度或是彩度，是一個顏色中灰色的量，由百分比表示，100% 表示全彩色，0% 表示某一階灰色；L 有看到兩種解釋，一種是明度 ( luminosity ) ，明度表示一個顏色中的白色（亮）與黑色（暗）的量，也是以百分比表示，100% 表示全白，0% 表示全黑，另一種是亮度 (lightness )，亮度只加入黑色的量，表示方法相同

background-color: hsl(120, 100%, 25%);

RGB 值和 HSL 值都可以加上 alpha 值表示不透明度，變成 RGBA 和 HSLA 值，alpha 參數的值介於 0 到 1.0 之間，1.0 是最不透明，0 是最透明，在 0 到 1.0 之間可以小數來表示不透明度

/* red with opacity */
background-color: rgba(255, 0, 0, 0.3);
/* green with opacity */
background-color: hsla(120, 100%, 50%, 0.3);

參考資源：
HTML & CSS 網站設計建置優化之道
CSS Legal Color Values