CSS3 HSLA 색상 속성

<시간/>

HSLA는 색조, 채도, 밝기 및 알파를 나타냅니다. 알파 값은 RGBA와 같이 불투명도를 지정합니다.

예시

다음 예는 HSLA 색상 속성을 보여줍니다 -

<html>
   <head>
      <style>
         #d1 {background-color:hsla(120,100%,50%,0.3);}
         #d2 {background-color:hsla(120,100%,75%,0.3);}
         #d3 {background-color:hsla(120,100%,25%,0.3);}
      </style>
   </head>
   <body>
      <p>HSLA colors:</p>
      <p id = "d1">Less opacity green</p>
      <p id = "d2">Green</p>
      <p id = "d3">Green</p>
   </body>
</html>