คุณสมบัติสี CSS3 HSLA

HSLA ย่อมาจาก Hue (สี), Saturation (ความอิ่มตัว), Lightness (ความสว่าง), Alpha (ความทึบแสง) ค่า Alpha ระบุความทึบแสง เช่นเดียวกับ 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>