RGB मॉडल में रंग परिभाषित करने के लिए CSS rgb() फ़ंक्शन का उपयोग करें।
<!DOCTYPE html>
<html>
<head>
<style>
h1 { background-color:hsl(0,100%,50%); }
h2 { background-color:hsl(192,89%,48%); }
p { background-color:rgb(0,0,255); color: rgb(255,255,255); }
</style>
</head>
<body>
<h1>Red Background</h1>
<h2>Blue Background</h2>
<p>This is demo text!</p>
</body>
</html>
CSS rgb() फंक्शन
rgb() फंक्शन rgb() फंक्शन का उपयोग RGB कलर वैल्यू सेट करने के लिए किया जाता है। फंक्शन के पैरामीटर 0 से 255 तक के मान या प्रतिशत में रंग की तीव्रता सेट करते हैं। सिंटैक्स: rgb(red, green, blue) rgb(red%, green%, blue%) पैरामीटर्स: red: लाल की तीव्रता (0-255 या 0%-100%) green: हरे की तीव्रता
CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना
रेडियल ग्रेडिएंट का आकार सेट करने के लिए, radial-gradient() फंक्शन का उपयोग करें। यह फंक्शन रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करता है। फंक्शन में पहला पैरामीटर उस आकार के रूप में सेट किया जाता है जैसा आप चाहते हैं जैसा नीचे दिखाया गया है -background-image: radial-gradient(ellipse,rg
CSS से लोकेशन कलर स्टॉप्स सेट करना
कलर स्टॉप्स पर लोकेशन को प्रतिशत या निरपेक्ष लंबाई के रूप में सेट किया जा सकता है। उदाहरण के लिए, लीनियर ग्रेडिएंट के लिएbackground-image: linear-gradient( rgb(61, 255, 2) 40%, rgb(0, 174, 255) 80%, rgb(255, 29, 29) 20% );CSS का उपयोग करके लीनियर ग्रेडिएंट में