CSS3文檔中提到：（HSLA）
H是色度，取值在0度~360度之間，0度是紅色，120度是綠色，240度是藍色。360度也是紅色。
S是飽和度，是色彩的純度，是一個百分比的值，取值在0%~100%，0%飽和度最低，100%飽和度最高
L是亮度，也是一個百分比值，取值在0%~100%，0%最暗，100%最亮。
A是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。
這樣一說大家肯定是很迷的一個概念
舉點例子吧：（只要區分中間的百分比值）
這是標准的綠色值：
background-color:hsla(120,50%,50%,1);
--------------------------------------------------------
這樣就會變成白色：
background-color:hsla(120,50%,100%,1);
--------------------------------------------------------
這樣就會變成黑色：
background-color:hsla(120,50%,0%,1);
--------------------------------------------------------
這樣就會變成明亮的綠色：
background-color:hsla(120,100%,50%,1);
--------------------------------------------------------
我們發現第三個值>50%就加白色（原本的基礎上多了白色），<50%就加黑色（原本的基礎上多了黑色）：
background-color:hsla(120,100%,20%,1);
--------------------------------------------------------
這樣就會變成明亮的灰色：
background-color:hsla(120,0%,50%,1);
-----------------------------------------------------------------
我們發現第二個值>50%就加亮（原本的基礎上綠色更明顯），<50%就加暗（原本的基礎上綠色更少更淡）：
background-color:hsla(120,20%,50%,1);
--------------------------------------------------------