css中HSLA

今天发现了css中的另一个元素HSLA：

Hue(色调)： 0(或者360)表示红色，120表示绿色，240表示蓝色，不同取值有不同颜色；

Saturation(饱和度)： 取值为0%到100%之间的值；

Lightness(亮度)： 取值为0%到100%之间的值；

Alpha(透明度)： 取值在0到1之间；


比如说可以这样使用 background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );
或者：box-shadow:inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */