CSS 中的文字顏色 (color 屬性) 看似一個簡單的設定，但它在網頁設計中扮演著至關重要的角色。選擇合適的文字顏色不僅能提升網站的美觀度，還能增強可讀性和使用者體驗，甚至影響品牌形象的傳達。本文將介紹 CSS color 的基本語法、常用色碼、以及如何在實際應用中選擇和搭配文字顏色。

1.CSS color 使用文字顏色基本語法

color: 顏色的英文或色碼 ;
這是最直觀的方式，CSS 內建了一系列預先定義好的顏色名稱，例如 red(紅色), blue(藍色), green(綠色), black(黑色), white(白色)等等，這些名稱可以直接用於 color 屬性中，優點是簡單易記，適合快速測試或使用標準色，但無法微調顏色。

範例：<p style="color: blue;">藍色的文字 (blue)</p>
　　　<p style="color: red;">紅色的文字 (red)</p>

2.十六進位碼 (HEX)：

十六進位碼是一種常用的顏色表示法，由 # 符號開頭，後面跟著六位數字或字母組成，每兩位代表紅、綠、藍三種顏色的強度，例如 #FF5733 代表一種鮮豔的橙色。HEX 色碼提供了超過一百萬種顏色選擇，適合需要精確控制顏色的設計師。

範例:<p style="color: #f79d16;">鮮豔橙色的文字 (orange)</p>

3.RGB 和 RGBA：

RGB (Red, Green, Blue) 是另一種表示顏色的方法，使用三個數值來定義紅、綠、藍三種顏色的強度，範圍從 0 到 255，RGBA 則在 RGB 的基礎上增加了透明度 (Alpha) 的設定，範圍從 0 (完全透明) 到 1 (完全不透明)，例如 rgba(255, 87, 51, 0.5) 表示半透明的橙色。
範例: <p style="color: rgb(214, 122, 209);">粉紅色的文字 (pink)</p>

RGBA半透明的粉色

4.HSL 和 HSLA：

HSL (Hue, Saturation, Lightness) 是一種基於色相、飽和度和亮度來表示顏色的方法。色相 (Hue) 用角度表示，範圍從 0 到 360 度，飽和度 (Saturation) 和亮度 (Lightness) 則以百分比表示，例如 hsl(271, 82%, 43%)代表一種紫色。HSLA 則在 HSL 的基礎上增加了透明度 (Alpha) 的設定，範圍同樣從 0 到 1，例如 hsla(14, 100%, 60%, 0.5) 表示半透明的橙色。

範例:<p style="color: hsl(271, 82%, 43%);">紫色的文字 (purple)</p>

HSLA半透明紫色