कोर्स सिफारिश:
- पिछला पृष्ठ CSS रीपीटिंग-रेडियल-ग्रेडिएंट() फ़ंक्शन
- अगला पृष्ठ CSS रोटेट() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
CSS rgb() फ़ंक्शन
निर्धारण और उपयोग rgb()
CSS का
RGB रंग वैल्यू रेड-ग्रीन-ब्लू (RGB) रंग मॉडल के द्वारा निर्दिष्ट किया जाता है। एक वैकल्पिक पारदर्शिता चैनल (रंग की पारदर्शिता को प्रदर्शित करने के लिए) जोड़ा जा सकता है। rgb(रेड ग्रीन ब्लू)
निर्दिष्ट किया गया है। प्रत्येक पैरामीटर रंग की तीव्रता को परिभाषित करता है, जो 0 से 255 तक का पूर्णांक या 0% से 100% तक का प्रतिशत मान हो सकता है।
उदाहरण में, rgb(0 0 255) वैल्यू पीला रंग दिखाता है, क्योंकि पीला पैरामीटर अधिकतम मान (255) पर सेट है, और अन्य पैरामीटर 0 पर सेट है।
ध्यान:}rgba()
तत्व है rgb()
तत्व का एकार्यकारी नाम। सिफारिश की जाती है rgb()
तत्व
उदाहरण
विभिन्न RGB(A) रंग परिभाषित करें:
#p1 {background-color:rgb(255 0 0);} /* लाल */ #p2 {background-color:rgb(0 255 0);} /* हरा */ #p3 {background-color:rgb(0 0 255);} /* नीला */ #p4 {background-color:rgb(192 192 192);} /* ग्रे */ #p5 {background-color:rgb(255 255 0);} /* पीला */ #p6 {background-color:rgb(255 0 255);} /* चैंबरी */ #p7 {background-color:rgb(255 0 255 / 0.2);} /* पारदर्शी चैंबरी */ #p8 {background-color:rgb(0 0 255 / 50%);} /* पारदर्शी नीला */
CSS व्याकरण
अभिकृत मान व्याकरण
rgb(R G B / A)
मान | वर्णन |
---|---|
R |
अनिवार्य। लाले की तीव्रता को परिभाषित करता है, 0 से 255 तक के पूर्ण नंबर या 0% से 100% तक की प्रतिशत का उपयोग किया जा सकता है। इसके बजाय none (0% समवाय) का उपयोग किया जा सकता है। |
G |
अनिवार्य। हरे की तीव्रता को परिभाषित करता है, 0 से 255 तक के पूर्ण नंबर या 0% से 100% तक की प्रतिशत का उपयोग किया जा सकता है। इसके बजाय none (0% समवाय) का उपयोग किया जा सकता है। |
B |
अनिवार्य। नीले की तीव्रता को परिभाषित करता है, 0 से 255 तक के पूर्ण नंबर या 0% से 100% तक की प्रतिशत का उपयोग किया जा सकता है। इसके बजाय none (0% समवाय) का उपयोग किया जा सकता है। |
/ A |
वैकल्पिक। रंग के पारदर्शिता चैनल की मान को दर्शाता है, 0% (या 0) पूर्ण रूप से पारदर्शी, 100% (या 1) पूर्ण रूप से अपारदर्शी को प्रदर्शित करता है। इसके बजाय none (साफ़ पारदर्शिता चैनल) का उपयोग किया जा सकता है। मूलभूत मान 100% है। |
सापेक्षिक मान व्याकरण
rgb(from color R G B / A)
मान | वर्णन |
---|---|
from color |
शब्द 'from' से शुरू होता है, इसके बाद आधार रंग को प्रदर्शित करने वाला रंग मान। यह अप्रत्यक्ष रंग के आधार रंग है。 |
R |
अनिवार्य। लाले की तीव्रता को परिभाषित करता है, 0 से 255 तक के पूर्ण नंबर या 0% से 100% तक की प्रतिशत का उपयोग किया जा सकता है। इसके बजाय none (0% समवाय) का उपयोग किया जा सकता है। |
G |
अनिवार्य। हरे की तीव्रता को परिभाषित करता है, 0 से 255 तक के पूर्ण नंबर या 0% से 100% तक की प्रतिशत का उपयोग किया जा सकता है। इसके बजाय none (0% समवाय) का उपयोग किया जा सकता है। |
B |
अनिवार्य। नीले की तीव्रता को परिभाषित करता है, 0 से 255 तक के पूर्ण नंबर या 0% से 100% तक की प्रतिशत का उपयोग किया जा सकता है। इसके बजाय none (0% समवाय) का उपयोग किया जा सकता है। |
/ A |
वैकल्पिक। रंग के पारदर्शिता चैनल की मान को दर्शाता है, 0% (या 0) पूर्ण रूप से पारदर्शी, 100% (या 1) पूर्ण रूप से अपारदर्शी को प्रदर्शित करता है। इसके बजाय none (साफ़ पारदर्शिता चैनल) का उपयोग किया जा सकता है। मूलभूत मान 100% है। |
तकनीकी विवरण
संस्करण: | CSS2 |
---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
---|---|---|---|---|
rgb() | ||||
1 | 4 | 1 | 1 | 3.5 |
rgb() से पारदर्शिता पैरामीटर | ||||
65 | 79 | 52 | 12.1 | 52 |
स्पेस से अलग | ||||
65 | 79 | 52 | 12.1 | 52 |
- पिछला पृष्ठ CSS रीपीटिंग-रेडियल-ग्रेडिएंट() फ़ंक्शन
- अगला पृष्ठ CSS रोटेट() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल