CSS中有三種顏色表示方式：RGB、十六進制（Hexadecimal）、HSL，本文將介紹如何使用CSS的HSL顏色表示方式。

HSL是由色調（Hue）、飽和度（Saturation）和亮度（Lightness）三個參數組成的顏色模型。使用HSL可以更直接的對顏色進行調配。

下面是HSL的語法：

color: hsl(色調, 飽和度%, 亮度%);

HSL中，色調的取值為0-360之間的整數，表示不同的顏色，對應不同的顏色。

飽和度取值為0%-100%，表示顏色的濃淡程度，0%時為灰色，100%時為全彩色。

亮度取值同樣為0%-100%。亮度為0%時為黑色，100%時為白色，50%時為正常顏色。

下面是一些例子，可以更直接的了解HSL顏色的表現效果：

background-color: hsl(120, 100%, 50%);
background-color: hsl(0, 100%, 50%);
background-color: hsl(240, 100%, 50%);

上面的代碼將設置背景顏色為不同的HSL顏色，將會分別展示綠色、紅色和藍色。

總之，使用HSL可以更方便的定制顏色，更合理的呈現色彩效果。