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 年 6 月 29 日

192 次浏览

开启您的职业生涯

通过完成此课程进行认证

开始吧
广告