在前端開發中，我們經常需要使用 CSS 來設計頁面或者調整網站的樣式。其中一項非常重要的工具就是 "色卡"，也叫顏色拾取器。

色卡可以幫助我們準確、快捷地選擇所需顏色。在 CSS 中，我們可以通過color和background-color等屬性來設置文本顏色和背景顏色。

CSS 為我們提供了多種方法來使用顏色，最常見的有以下幾種：

/* 使用十六進制顏色值 */
color: #FF0000;
background-color: #00FFFF;
/* 使用 RGB 顏色值 */
color: rgb(255, 0, 0);
background-color: rgb(0, 255, 255);
/* 使用 RGBA 顏色值（帶透明度）*/
color: rgba(255, 0, 0, 0.5);
background-color: rgba(0, 255, 255, 0.8);
/* 使用 HSL 顏色值 */
color: hsl(0, 100%, 50%);
background-color: hsl(180, 100%, 50%);
/* 使用 HSLA 顏色值（帶透明度）*/
color: hsla(0, 100%, 50%, 0.5);
background-color: hsla(180, 100%, 50%, 0.8);

上面這些方法雖然看起來有些復雜，但實際上并不難記憶。也可以使用一些在線的顏色拾取器（如）來進行顏色選擇。

此外，可以通過添加不同的 CSS 類來使頁面的元素呈現不同的顏色。例如：

/* 為文本添加 "red" 類，使文本顏色變為紅色 */
.red {
color: red;
}
/*為背景添加 "green" 類，將背景顏色變為綠色 */
.green {
background-color: green;
}

以上便是 CSS 中顏色的基本知識。了解并掌握這些基礎知識后，我們可以更好地為網站做出美麗的設計。