CSS में hsl() फ़ंक्शन का उपयोग

HSL (Hue-Saturation-Lightness) रंग मॉडल का उपयोग करके रंगों को परिभाषित करने के लिए CSS में hsl() फ़ंक्शन का उपयोग किया जाता है। यह फ़ंक्शन तीन मान लेता है: ह्यू (0-360), सैचुरेशन (प्रतिशत), और लाइटनेस (प्रतिशत)।

उदाहरण

निम्न कोड hsl() फ़ंक्शन का उपयोग करके विभिन्न पृष्ठभूमि रंग सेट करता है:

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      h1 { 
        background-color: hsl(0, 100%, 50%); 
      } 
      h2 { 
        background-color: hsl(192, 89%, 48%); 
      } 
    </style> 
  </head> 
  <body> 
    <h1>लाल पृष्ठभूमि</h1> 
    <h2>नीली पृष्ठभूमि</h2> 
  </body> 
</html>

व्याख्या: hsl(0, 100%, 50%) शुद्ध लाल रंग देता है, जबकि hsl(192, 89%, 48%) एक नीला रंग उत्पन्न करता है। HSL रंगों को सहज रूप से समायोजित करने की अनुमति देता है।