CSS3 HSL কালার প্রপার্টি

HSL মানে hue, saturation, lightness। এখানে, Hue হলো কালার হুইলের ডিগ্রি, saturation এবং lightness হলো 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 কালার:</p>
    <p id="g1">সবুজ</p>
    <p id="g2">স্বাভাবিক সবুজ</p>
    <p id="g3">গাঢ় সবুজ</p>
  </body>
</html>