CSS3 HSL 颜色属性

HSL 代表色调、饱和度、明度。其中，色调是色轮上的角度，饱和度和明度是在 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>

更新于: 2020-06-29

192 浏览

开启您的 职业生涯

完成课程，获得认证

开始学习
广告