在CSS中,可以使用HSL(Hue, Saturation, Lightness)顏色形式來表示顏色,HSL顏色形式是一種將顏色的三個屬性——色相、飽和度和亮度——分開表示的方法,下面是如何在CSS中輸入HSL顏色的方法:
1、色相(Hue):使用角度表示,從0度(紅色)開始,每增加30度,顏色就會變化一次,直到360度(紅色)。hsl(0, 100%, 50%)
表示紅色。
2、飽和度(Saturation):使用百分比表示,0%表示沒有顏色,100%表示顏色***飽和。hsl(0, 100%, 50%)
表示紅色的飽和度為100%。
3、亮度(Lightness):使用百分比表示,0%表示***暗,100%表示***亮。hsl(0, 100%, 50%)
表示紅色的亮度為50%。
在CSS中,可以使用hsl()
函數(shù)來定義顏色。
body { background-color: hsl(0, 100%, 50%); }
這段代碼會將背景色設(shè)置為紅色。
HSL顏色形式非常適合表示具有相同色相但不同飽和度和亮度的顏色,可以使用hsl(30, 100%, 50%)
來表示橙色,使用hsl(60, 100%, 50%)
來表示黃色,通過調(diào)整亮度和飽和度,可以得到一系列相似但不同的顏色。