जब तत्वों के लिए रंग सेट किया जाता है तो HSL ह्यू, संतृप्ति और लपट के लिए होता है। ह्यू वैल्यू 0 से 260 तक है, जिसमें 0 या 360 रेड के लिए, 240 ब्ल्यू के लिए, जबकि 120 ग्रीन के लिए है। संतृप्ति और हल्कापन एक प्रतिशत मान है।
उदाहरण
आइए अब एचएसएल रंग मानों के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
#demo1 {background-color: hsl(150, 100%, 50%);}
#demo2 {background-color: hsl(150, 100%, 50%);}
#demo3 {background-color: hsl(140, 100%, 40%);}
#demo4 {background-color: hsl(120, 100%, 40%);}
#demo5 {background-color: hsl(120, 100%, 30%);}
#demo6 {background-color:rgba(108,111,35,0.6);}
</style>
</head>
<body>
<h1>Cricketers</h1>
<p id="demo1">David Warner</p>
<p id="demo2">Steve Smith</p>
<p id="demo3">Mark Waugh</p>
<p id="demo4">Steve Waugh</p>
<p id="demo5">David Johnson</p>
<p id="demo6">Andy Bichel</p>
</body>
</html> आउटपुट
