HSLA là viết tắt của màu sắc, độ bão hòa, độ đậm nhạt và alpha. Giá trị alpha chỉ định độ mờ như được hiển thị RGBA.
Ví dụ
Ví dụ sau đây cho thấy thuộc tính màu 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>