{site_name}

{site_name}

🌜 搜索

CSS HSL颜色是一种使用Hue(色相)、Saturation(饱和度)和Li

前端 𝄐 0
css hr颜色,css颜色rgb,css颜色代码表,css颜色样式表,css颜色值,css色值
CSS HSL颜色是一种使用Hue(色相)、Saturation(饱和度)和Lightness(亮度)三个参数来定义颜色的CSS颜色表示法。它可以让开发者更加精确地控制颜色的外观,并且比RGB表示法更加直观和易于使用。

Hue(色相)表示颜色在色轮上的位置,取值为0-360度,对应于红、橙、黄、绿、蓝、紫等基本颜色。
Saturation(饱和度)表示颜色的鲜艳程度,取值为0-100%。
Lightness(亮度)表示颜色的明亮程度,取值为0-100%,其中0%是黑色,100%是白色。

下面是一个HSL颜色的例子:

css
color: hsl(240, 100%, 50%);


这个样式规则用HSL颜色表示法定义了一种饱和度为100%,亮度为50%的蓝色。其中240表示Hue(色相),即在色轮上的位置,对应于蓝色。100%表示Saturation(饱和度)为最大值,即纯色。50%表示Lightness(亮度)为半亮度,即不是特别暗也不是特别亮。