hsla

說明:

HSLA(H,S,L,A)

取值:

H:
Hue(色調)。0(或360)表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值為:0 - 360
S:
Saturation(飽和度)。取值為:0.0% - 100.0%
L:
Lightness(亮度)。取值為:0.0% - 100.0%
A:
Alpha透明度。取值0 - 1之間。

說明:

HSL記法。
  • 此色彩模式與HSL相同,只是在HSL模式上新增了Alpha透明度。

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-8.0 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
9.0+

示例: