Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS3 HSLA रंग गुण

<घंटा/>

HSLA का मतलब रंग, संतृप्ति, हल्कापन और अल्फा है। अल्फा मान अस्पष्टता निर्दिष्ट करता है जैसा कि आरजीबीए दिखाया गया है।

उदाहरण

निम्न उदाहरण HSLA रंग गुण दिखाता है -

<html>
   <head>
      <style>
         #d1 {background-color:hsla(120,100%,50%,0.3);}
         #d2 {background-color:hsla(120,100%,75%,0.3);}
         #d3 {background-color:hsla(120,100%,25%,0.3);}
      </style>
   </head>
   <body>
      <p>HSLA colors:</p>
      <p id = "d1">Less opacity green</p>
      <p id = "d2">Green</p>
      <p id = "d3">Green</p>
   </body>
</html>

  1. CSS3 . में HSLA रंग मान

    HSLA रंग मान ह्यू, संतृप्ति, लपट और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 0.0 पूरी तरह से पारदर्शी के लिए है, जबकि 1.0 पूर्ण अपारदर्शी के लिए है। उदाहरण #demo1 {पृष्ठभूमि-रंग:hsla(140, 100%, 50%, 0.8);} #demo2 {पृष्ठभूमि-रंग:hsla(130, 100) %, 50%, 0.6);} #

  1. CSS3 RGBA, HSL और HSLA रंग मान

    CSS3 RGBA कलर वैल्यू रेड, ग्रीन, ब्लू और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। यहां, हम आरजीबीए में अल्फा पैरामीटर के साथ बनाई गई अस्पष्टता में अंतर देख सकते हैं - उदाहरण आइए अब RGBA रंग मानों के लिए एक उदाहरण देखें - #dem

  1. CSS3 में RGBA रंग मान

    RGBA कलर वैल्यू रेड, ग्रीन, ब्लू और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। यहां, हम आरजीबीए में अल्फा पैरामीटर के साथ बनाई गई अस्पष्टता में अंतर देख सकते हैं - उदाहरण आइए अब RGBA रंग मानों के लिए एक उदाहरण देखें - <!DOCT