RGB का मतलब होता है Red, Green, Blue.
CSS में RGB color model का उपयोग करके हम colors को numbers की help से define करते हैं।
RGB model में हर color तीन values से बनता है:
- Red
- Green
- Blue
RGB Value Range
हर RGB value का range होता है:
0→ color absent255→ color maximum
Format:
rgb(red, green, blue)
Basic RGB Example
p {
color: rgb(255, 0, 0);
}
यह paragraph का color red कर देगा।
RGB Common Colors
color: rgb(255, 0, 0); /* Red */
color: rgb(0, 255, 0); /* Green */
color: rgb(0, 0, 255); /* Blue */
color: rgb(0, 0, 0); /* Black */
color: rgb(255, 255, 255); /* White */
RGB Background Color Example
div {
background-color: rgb(200, 200, 200);
}
यह light gray background देगा।
RGB Border Color Example
div {
border: 2px solid rgb(0, 128, 255);
}
RGB Shades बनाना
RGB values को कम-ज्यादा करके light और dark shades बनाए जा सकते हैं।
p {
color: rgb(100, 100, 100);
}
Mixing RGB Colors
Different RGB values मिलाकर नए colors बनते हैं।
p {
color: rgb(255, 165, 0);
}
यह orange color देता है।
RGB और HEX का Relation
- HEX color भी internally RGB पर based होता है
#ff0000=rgb(255, 0, 0)
Common RGB Mistakes
Value Range से बाहर जाना
गलत:
p {
color: rgb(300, 0, 0);
}
सही:
p {
color: rgb(255, 0, 0);
}
RGB में Alpha Expect करना
RGB transparency support नहीं करता।
Transparency के लिए RGBA use किया जाता है।
Summary
- RGB का full form Red, Green, Blue है
- Values का range 0–255 होता है
- RGB colors numeric control देते हैं
- Background, text और border सभी में RGB use हो सकता है
