CSS3中引入了hsl屬性，hsl（色調(diào)、飽和度、亮度）是一種基于顏色輪的顏色模式。

hsl顏色模式是基于三個屬性值來定義色彩：色調(diào)、飽和度和亮度。其中，色調(diào)是基于顏色輪的角度度量，飽和度是指色彩的強度，而亮度是指顏色的亮度。

/* HSL 顏色模式 */
hsl(180, 50%, 50%);

在上述示例中，hsl() 函數(shù)由色調(diào)、飽和度和亮度三個參數(shù)組成，可以看到，180 表示色調(diào)，50% 表示飽和度，50%表示亮度。這個示例的意思是“將顏色輪的角度旋轉(zhuǎn)180度，飽和度為50％，亮度為50％”。

使用hsl顏色模式可以實現(xiàn)各種顏色效果，比如漸變、陰影和透明度等。相對于RGB和Hex顏色模式，hsl更加直觀易懂，同時也更易于修改。

總體來說，CSS3的hsl顏色模式為設(shè)計師在網(wǎng)頁設(shè)計中應(yīng)用顏色提供了更多的選擇和靈活性。