Module 1 / How color works
Module 1 · Foundations

How color works

RGB, HSL, and the two ways color mixes — the foundation for everything that follows.

0/3 lessons

The RGB model

Learn

RGB describes color as a mix of red, green, and blue components. Each channel runs from 0 (none) to 255 (full). The value `rgb(0, 212, 160)` means zero red, strong green, moderate blue — a teal.

RGB is an additive model: it describes emitted light. All channels at full (`255, 255, 255`) produce white; all at zero produce black. This model underpins every digital display, camera sensor, and LED.

rgb(R, G, B) where R, G, B ∈ [0, 255] rgb(255, 0, 0) → pure red rgb(0, 255, 0) → pure green rgb(0, 0, 255) → pure blue rgb(255, 255, 255) → white rgb(0, 0, 0) → black
Practice
Loading…
Recall0/2
Recall

In additive color mixing, combining all RGB channels at full brightness produces…

Recall

Each RGB channel can hold how many distinct values?

Hex notation

Learn

Hex codes express RGB in base-16: `#RRGGBB`. Each pair maps to one channel from `00` (0) to `ff` (255). So `#00d4a0` = 0 red, 212 green, 160 blue — the same teal as `rgb(0, 212, 160)`.

The shorthand `#abc` expands to `#aabbcc`. Hex is the universal language of digital color — used in CSS, design tools, brand guidelines, and graphics software.

HexRGBColor
#ff000025500Red
#00ff0002550Green
#0000ff00255Blue
#ffffff255255255White
#000000000Black
Practice
Loading…
Recall0/1
Recall

The hex code `#ff0000` represents which color?

Additive vs subtractive mixing

Learn

Color mixes in two opposite ways depending on the medium. Additive mixing combines *light* — more light means brighter, toward white. Subtractive mixing combines *pigments* — more pigment absorbs more light, toward dark.

Understanding this distinction prevents costly mistakes: a vibrant screen color may look dull in print because the two systems have different gamuts and opposite mixing behavior.

Additive (light)

Medium
Emitted light
Primaries
Red, Green, Blue
All combined
White
None
Black
Used in
Displays, projectors, LEDs

Subtractive (pigment)

Medium
Reflected light
Primaries
Cyan, Magenta, Yellow
All combined
Dark brown/black
None
White (paper/canvas)
Used in
Print, paint, textiles, dyes
Colors designed in one system rarely translate perfectly to the other. Always proof in the target medium.
Practice
Loading…
Recall0/1
Recall

In subtractive color mixing (pigments), combining all primaries produces…