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

HSL रंग मॉडल में अल्फा चैनल (पारदर्शिता) जोड़ने के लिए hsla() फ़ंक्शन का उपयोग किया जाता है। यह चार मान लेता है: ह्यू (0-360), सैचुरेशन (%), लाइटनेस (%), और अल्फा (0.0-1.0)।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      h1 { 
        background-color: hsl(0, 100%, 50%); 
      } 
      h2 { 
        background-color: hsl(192, 89%, 48%); 
      } 
      p { 
        background-color: hsla(290, 100%, 50%, 0.3); 
      } 
    </style> 
  </head> 
  <body> 
    <h1>लाल पृष्ठभूमि</h1> 
    <h2>नीली पृष्ठभूमि</h2> 
    <p>यह डेमो टेक्स्ट है!</p> 
  </body> 
</html>

व्याख्या: hsla(290, 100%, 50%, 0.3) एक बैंगनी रंग को 30% अपारदर्शिता के साथ सेट करता है। hsl() अपारदर्शी रंगों के लिए है, जबकि hsla() पारदर्शिता नियंत्रण जोड़ता है।