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>