在前端開發中，顏色是非常重要的元素之一，能夠為網頁設計增添豐富的色彩和藝術感。在 CSS（層疊樣式表） 中，色彩選擇器用來設置文字的顏色、背景色、邊框顏色等等。以下是關于 CSS 顏色的一些常見使用方法。

在 CSS 中，我們可以通過以下方式使用顏色：

p {
color: #FF0000; /* 十六進制 */
background-color: rgb(255, 0, 0); /* RGB */
border-color: hsl(0, 100%, 50%); /* HSL */
}

在上面的例子中，我們使用了十六進制、RGB 和 HSL 三種方式來設置顏色。下面我們來介紹一下這三種顏色表示方法。

1. 十六進制（Hexadecimal）

十六進制顏色是一種常用的顏色表示方法，它使用六個十六進制數字來表示顏色。每兩個十六進制數字代表一個顏色分量（紅、綠、藍），取值范圍為 00~FF（十進制 0~255）。例如，#FF0000 表示紅色。

/*紅色*/
color: #FF0000;
/* 綠色 */
color: #00FF00;
/* 藍色 */
color: #0000FF;

2. RGB（Red, Green, Blue）

RGB 顏色模型是一種將顏色表示為紅、綠、藍三個顏色通道的方法，每個通道的取值范圍為 0~255。在 CSS 中，可以使用 rgb() 函數來表示 RGB 顏色。

/* 紅色 */
background-color: rgb(255, 0, 0);
/* 綠色 */
background-color: rgb(0, 255, 0);
/* 藍色 */
background-color: rgb(0, 0, 255);

3. HSL（Hue, Saturation, Lightness）

HSL 顏色模型也是一種常見的顏色表示方法，它使用色相（Hue）、飽和度（Saturation）和亮度（Lightness）三個參數來表示顏色。在 CSS 中，可以使用 hsl() 函數來表示 HSL 顏色。

/* 紅色 */
border-color: hsl(0, 100%, 50%);
/* 綠色 */
border-color: hsl(120, 100%, 50%);
/* 藍色 */
border-color: hsl(240, 100%, 50%);

通過上述三種顏色表示方法，我們可以方便地為我們的網頁添加豐富的顏色。