CSS RGB Colors

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 absent
  • 255 → 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 हो सकता है
Share your love