CSS3 में HSLA रंग मान

HSLA रंग मान ह्यू, सैचुरेशन, लाइटनेस और अल्फा के लिए है। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 0.0 पूर्ण पारदर्शी के लिए है, जबकि 1.0 पूर्ण अपारदर्शी के लिए होगा।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      #demo1 { background-color: hsla(140, 100%, 50%, 0.8); } 
      #demo2 { background-color: hsla(130, 100%, 50%, 0.6); } 
      #demo3 { background-color: hsla(190, 100%, 50%, 0.4); } 
      #demo4 { background-color: hsla(170, 100%, 50%, 0.3); } 
      #demo5 { background-color: hsl(150, 100%, 60%); } 
      #demo6 { background-color: rgba(108,111,35,0.6); } 
    </style> 
  </head> 
  <body> 
    <h1>क्रिकेटर</h1> 
    <p id="demo1">डेविड वार्नर</p> 
    <p id="demo2">स्टीव स्मिथ</p> 
    <p id="demo3">मार्क वॉ</p> 
    <p id="demo4">स्टीव वॉ</p> 
    <p id="demo5">डेविड जॉनसन</p> 
    <p id="demo6">एंडी बिचेल</p> 
  </body> 
</html>

आउटपुट

व्याख्या: hsla() HSL में अल्फा चैनल जोड़ता है। hsla(140, 100%, 50%, 0.8) 80% अपारदर्शिता वाला हरा है। hsl() (बिना अल्फा) अपारदर्शी है। rgba() RGB समकक्ष है। HSLA रंगों को सहज रूप से समायोजित करना (ह्यू बदलना, पारदर्शिता जोड़ना) आसान बनाता है।