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>