css中的hsl( |html css js考试题

css5118，css after html标签，idea 取消css规则校验，网页设计链接css样式，段内行距怎么设置css，计算机学css就业，html css js考试题 css中的hsl( |html css js考试题

HSL即Hue（色相）、Saturation（饱和度）、Lightness（亮度）三个参数的缩写。

其中Hue表示色相，取值范围是0到360度，0度表示红色，120度表示绿色，240度表示蓝色。

/* 以下是hsl颜色表示法的示例 */
color: hsl(0, 100%, 50%);  /* 红色 */
color:hsl(120, 100%, 50%); /* 绿色 */
color:hsl(240, 100%, 50%); /* 蓝色 */

Saturation表示饱和度，取值范围是0%到100%，0%表示无色，100%表示鲜艳的颜色。

/* 以下是hsl颜色表示法的示例 */
color:hsl(0, 0%, 50%);    /* 灰色 */
color:hsl(0, 100%, 50%);  /* 红色 */

Lightness表示亮度，取值范围是0%到100%，0%表示黑色，100%表示白色。

/* 以下是hsl颜色表示法的示例 */
color:hsl(0, 0%, 0%);     /* 黑色 */
color:hsl(0, 0%, 100%);   /* 白色 */

除了通过hsl()函数设置颜色，也可以通过hsla()函数设置颜色及透明度。

/* 以下是hsla颜色表示法的示例 */
color: hsla(0, 100%, 50%, 0.4); /* 红色，透明度40% */
color: hsla(120, 100%, 50%, 0.4); /* 绿色，透明度40% */
color: hsla(240, 100%, 50%, 0.4); /* 蓝色，透明度40% */

以上就是HSL颜色表示法的基本介绍及示例。