CSS3 HSL颜色属性

HSL代表色相，饱和度，亮度。在这里，Huge是色轮的度数，饱和度和亮度是0到100％之间的百分比值。

示例

以下示例显示了HSL颜色属性：

<html>
   <head>
      <style>
         #g1 {background-color:hsl(120, 100%, 50%);}
         #g2 {background-color:hsl(120,100%,75%);}
         #g3 {background-color:hsl(120,100%,25%);}
      </style>
   </head>
   <body>
      <p>HSL colors:</p>
      <p id = "g1">Green</p>
      <p id = "g2">Normal Green</p>
      <p id = "g3">Dark Green</p>
   </body>
</html>

CSS3多色渐变 CSS3重复径向渐变