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

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

<घंटा/>

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

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

उदाहरण

आइए अब RGBA रंग मानों के लिए एक उदाहरण देखें -

क्रिकेटर्स

डेविड वार्नर

स्टीव स्मिथ

मार्क वॉ

स्टीव वॉ

डेविड जॉनसन

एंडी बिकेल

आउटपुट

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

CSS3 HSL जब तत्वों के लिए रंग सेट किया जाता है तो ह्यू, संतृप्ति और लपट के लिए होता है। ह्यू वैल्यू 0 से 260 तक है, जिसमें 0 या 360 रेड के लिए, 240 ब्ल्यू के लिए, जबकि 120 ग्रीन के लिए है। संतृप्ति और हल्कापन एक प्रतिशत मान है।

उदाहरण

आइए अब एचएसएल रंग मानों के लिए एक उदाहरण देखें -

क्रिकेटर

डेविड वार्नर

स्टीव स्मिथ

मार्क वॉ

स्टीव वॉ

डेविड जॉनसन

एंडी बिकेल

आउटपुट

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

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

उदाहरण

क्रिकेटर्स

डेविड वार्नर

स्टीव स्मिथ

मार्क वॉ

स्टीव वॉ

डेविड जॉनसन

एंडी बिकेल

आउटपुट

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


  1. CSS3 के रैखिक और रेडियल ग्रेडिएंट का उपयोग करना

    ग्रेडियेंट दो या दो से अधिक रंगों के संयोजन को प्रदर्शित करता है। लीनियर ग्रेडिएंट्स का उपयोग दो या दो से अधिक रंगों को लीनियर फॉर्मेट जैसे ऊपर से नीचे तक व्यवस्थित करने के लिए किया जाता है। रेडियल ग्रेडिएंट केंद्र में दिखाई देते हैं। CSS3 में रैखिक और रेडियल ग्रेडिएंट उपयोग को दर्शाने वाला कोड निम

  1. CSS3 में फ्लेक्सबॉक्स के साथ क्षैतिज और लंबवत केंद्र संरेखण

    फ्लेक्सबॉक्स के साथ क्षैतिज और लंबवत केंद्र संरेखण के लिए, CSS3 में संरेखण-आइटम संपत्ति का उपयोग करें। संरेखण-आइटम गुण को केंद्र में सेट करें। फ्लेक्सबॉक्स के साथ क्षैतिज और लंबवत केंद्र संरेखण के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { &n

  1. रंग कोड:हेक्स, आरजीबी और एचएसएल के बीच क्या अंतर है?

    जब स्क्रीन पर रंग बिखेरने की बात आती है, तो इसे कोडिंग के साथ करने के कुछ तरीके हैं। हेक्स, आरजीबीए, और एचएसएलए तीन सबसे अधिक इस्तेमाल किए जाने वाले रंग कोड सिस्टम हैं। आप शायद अतीत में हेक्स कोड और आरजीबी में आए हैं, लेकिन एचएसएल, अधिक मानव-पठनीय होने के बावजूद, अभी तक आपके रडार पर नहीं हो सकता है