<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>Warna HSLA :</p>
      <p id = "d1">Hijau dengan sedikit opacity </p>
      <p id = "d2">Hijau</p>
      <p id = "d3">Hijau</p>
   </body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.