What is RGB Color?
RGB Color (Red Green Blue) is an additive color model where red, green, and blue light are combined in various intensities to create a broad spectrum of colors. Each color channel typically ranges from 0 to 255, allowing for over 16 million possible color combinations.
Quick Facts
| Full Name | Red Green Blue Color Model |
|---|---|
| Created | 1931 (CIE RGB), digital use from 1950s |
| Specification | Official Specification |
How RGB Color Works
RGB is the standard color model for digital displays including monitors, TVs, and mobile screens. It's called 'additive' because colors are created by adding light - combining all three at full intensity produces white, while zero intensity produces black. In web development, RGB colors can be expressed as rgb(255, 0, 0) for red, or in hexadecimal as #FF0000. The RGBA variant adds an alpha channel for transparency. RGB is device-dependent, meaning the same RGB values may appear slightly different on different displays.
Key Characteristics
- Additive color model (light-based)
- Three channels: Red, Green, Blue (0-255 each)
- Over 16 million colors (256³ = 16,777,216)
- Standard for digital displays and screens
- RGBA adds alpha channel for transparency
- Device-dependent color representation
Common Use Cases
- Web design and CSS styling
- Digital image editing
- Screen display and monitors
- LED lighting systems
- Video game graphics
Example
RGB Color Examples:
Color RGB Hex CSS
Red rgb(255, 0, 0) #FF0000 color: red;
Green rgb(0, 255, 0) #00FF00 color: lime;
Blue rgb(0, 0, 255) #0000FF color: blue;
White rgb(255,255,255) #FFFFFF color: white;
Black rgb(0, 0, 0) #000000 color: black;
Yellow rgb(255, 255, 0) #FFFF00 color: yellow;
Cyan rgb(0, 255, 255) #00FFFF color: cyan;
Magenta rgb(255, 0, 255) #FF00FF color: magenta;
RGBA with transparency:
rgba(255, 0, 0, 0.5) /* 50% transparent red */
rgba(0, 0, 0, 0.8) /* 80% opaque black */
CSS Usage:
.element {
color: rgb(52, 152, 219);
background: rgba(0, 0, 0, 0.5);
}