CSS3 এ HSL রঙের মান

এইচএসএল হল হিউ, স্যাচুরেশন এবং লাইটনেসের জন্য যখন উপাদানগুলির জন্য রঙ সেট করা হয়। রঙের মান 0 থেকে 260 পর্যন্ত, যেখানে 0 বা 360 হল লালের জন্য, 240 ব্লু-এর জন্য, যেখানে সবুজের জন্য 120৷ স্যাচুরেশন এবং লাইটনেস হল একটি শতাংশ মান।

উদাহরণ

আসুন এখন HSL রঙের মান -

এর একটি উদাহরণ দেখি

<!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>

আউটপুট

CSS3 এ HSL রঙের মান