p標簽： CSS3的hls顏色模式是一種基于色調、飽和度和亮度的顏色表示方法。它可以讓我們通過調整這三個屬性來創建大量的顏色變化效果，從而幫助我們更好地設計網頁。下面是一些使用hls顏色模式的例子。 pre標簽：

/* 將色調設為60度，飽和度設為50%，亮度設為70%的橙色 */
.box {
background-color: hsl(60, 50%, 70%);
}
/* 將色調設為200度，飽和度設為80%，亮度設為50%的藍紫色 */
.box2 {
background-color: hsl(200, 80%, 50%);
}
/* 將色調設為0度，飽和度設為0%，亮度設為100%的白色 */
.box3 {
background-color: hsl(0, 0%, 100%);
}
/* 結合媒體查詢來實現一個色相旋轉的效果 */
@media (max-width: 768px) {
.box {
filter: hue-rotate(45deg);
}
}