RGB Color System

What is the RGB Color System?

The RGB Color System is an additive color model based on the three primary colors of light: Red, Green, and Blue. Unlike subtractive color systems (such as CMYK used in physical printing, which work by absorbing light), the RGB system creates colors by emitting light. This makes RGB the universal standard for all self-luminous digital displays, including computer monitors, smartphones, televisions, and tablets.

How Additive Color Mixing Works

Additive color mixing works by overlaying colored light waves. When there is no light (all RGB values are set to 0), the screen displays pure black. As light is added, the color gets brighter:

• Red + Green creates Yellow (e.g., rgb(255, 255, 0))
• Green + Blue creates Cyan (e.g., rgb(0, 255, 255))
• Blue + Red creates Magenta (e.g., rgb(255, 0, 255))
• Combining all three at full intensity (255, 255, 255) creates pure White

Understanding RGB Values and Formats

In digital systems, each channel (Red, Green, Blue) is represented by an 8-bit value ranging from 0 to 255. This scale allows for 256 levels of intensity per channel, resulting in 16,777,216 possible color combinations (256 × 256 × 256), often referred to as "True Color".

This color system is represented in several formats across web technology:

• RGB String: Directly defines the channel values, e.g., rgb(255, 59, 48).
• Hexadecimal (HEX): Converts each value to base-16. For example, 255 is FF, 59 is 3B, and 48 is 30, giving #FF3B30.
• HSL (Hue, Saturation, Lightness): A cylindrical representation that aligns closer to human perception of color.