在網頁設計中，調節明度是非常重要的一環節，可以讓網頁的色彩更加和諧、柔和。而在CSS中，我們可以使用hsl或hsla這兩種顏色表達方式來控制顏色的明度。 hsl是一種顏色表達方式，分別代表色相、飽和度、明度三個參數。其中，色相用角度（0~360度）表示，取值為0度紅色、120度綠色、240度藍色等；飽和度用百分比（0%~100%）表示，代表顏色的鮮艷程度；明度也用百分比（0%~100%）表示，代表顏色的亮度。 而hsla表達方式的區別在于多了一個alpha通道，代表了顏色的透明度。這個參數的取值范圍也是0到1，0表示完全透明，1表示完全不透明。 下面是一個示例代碼，使用hsl方式設置背景顏色：

p {
background-color: hsl(120, 100%, 75%);
}

這個樣式將會把p標簽的背景顏色設置成亮綠色，因為色相為120度表示綠色。飽和度和明度都是100%表示最鮮艷和最亮。 當然，我們也可以通過調節hsl中的明度參數來讓顏色變暗或變淺。比如下面這個例子：

p {
background-color: hsl(120, 100%, 50%);
}

這個樣式將會把p標簽的背景顏色設置成半透明的綠色，因為明度只有50%。 如果我們需要精確調節顏色的明度，那么hsla表達方式可能更適合。比如下面這個例子：

p {
background-color: hsla(120, 100%, 50%, 0.5);
}

這個樣式同樣將會把p標簽的背景顏色設置成半透明的綠色，但是透明度為0.5表示不完全透明。