CSS是前端開發中不可避免的一部分，其中顏色表配置更是一個不可或缺的要素。在CSS中，顏色可以通過如下幾種方式進行配置：

p {
color: red;
}

這是最基礎的顏色配置方式，下面我們介紹一些更為復雜的方式。

p {
background-color: #fff;
border: 1px solid #000;
}

上面的代碼展示了如何同時配置背景色和邊框色，可以看到，這里使用了十六進制數值進行配置。

p {
color: rgb(255, 0, 0);
}

還可以使用rgb來指定RGB值。上面的代碼表示紅色。每種顏色通道的值在0到255之間，分別表示紅、綠、藍三原色的強度。

p {
color: hsl(0, 100%, 50%)
}

hsl是一種全新的顏色寫法，它利用色相（Hue）、飽和度（Saturation）和亮度（Lightness）三個參數來描述一種顏色。上述代碼表示紅色。

除此之外，你還可以通過引入外部的樣式庫來使用更為豐富的顏色表。

<link rel="stylesheet"  integrity="sha512-9tTmwtk2MZra/iXFdTyfmSPp8aPxRCZnemnBRdvlwsZznbWwtpkrvz3EU/SEdOJzld/9LFl8PvC9jOyNCHVCyA==" crossorigin="anonymous" />p {
color: blueviolet;
}

上述代碼中，我們引用了css-color-names 3.0.0這個第三方樣式庫，它提供了134種CSS預定義顏色名稱，我們可以方便的調用這些顏色，從而減少代碼的編寫。比如這里我們直接使用了blueviolet這個名稱來設置文本顏色。