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

CSS rgb() फ़ंक्शन RGB मॉडल का उपयोग करके रंग परिभाषित करता है। CSS rgba() फ़ंक्शन RGB रंगों को अपारदर्शिता (ओपेसिटी) के साथ सेट करता है। अल्फा मान 0.0 (पूर्ण पारदर्शी) से 1.0 (पूर्ण अपारदर्शी) के बीच होता है।

उदाहरण

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

व्याख्या: rgba(255, 0, 0, 0.9) लाल रंग को 90% अपारदर्शिता के साथ सेट करता है। rgb() में अल्फा चैनल नहीं होता, जबकि rgba() पारदर्शिता नियंत्रण की अनुमति देता है।