এইচএসএল হল হিউ, স্যাচুরেশন, লাইটনেস। এখানে, বিশাল হল রঙের চাকার একটি ডিগ্রী, স্যাচুরেশন এবং লাইটনেস হল 0 থেকে 100% এর মধ্যে শতাংশের মান।
উদাহরণ
নিম্নলিখিত উদাহরণটি HSL রঙের বৈশিষ্ট্য দেখায়:
<html> <head> <style> #g1 {background-color:hsl(120, 100%, 50%);} #g2 {background-color:hsl(120,100%,75%);} #g3 {background-color:hsl(120,100%,25%);} </style> </head> <body> <p>HSL colors:</p> <p id = "g1">Green</p> <p id = "g2">Normal Green</p> <p id = "g3">Dark Green</p> </body> </html>