Color Theory

Color Theory Overview

How color works, how we describe it, and how to use it well.
Color theory is the practical framework behind every decision about which colors to use together and why. It covers the physics of how color reaches the eye, the vocabulary designers and developers use to describe what they see, the rules that make some combinations work and others fail, and the psychological weight that different colors carry. The pages below break it into pieces you can read in any order.

Color Physics

Color starts as light — electromagnetic radiation in a narrow band of wavelengths the human eye can detect. This page covers how that light gets produced, how the eye's three types of cone cells interpret it, and how additive (screen) and subtractive (print) color mixing produce different results from the same starting palette.

Color Terms

Hue, value, saturation, lightness, tint, shade, tone, chroma — these words have specific, non-interchangeable meanings in color work, and getting them mixed up leads to miscommunication fast. This page defines each one clearly, with visual examples.

Color Contrast

Contrast is what makes one element visually distinct from another. It can come from differences in hue, value, saturation, or all three at once — and each type does different work in a design. This page explains the mechanics of how contrast functions and why some combinations succeed where others fail.

Combining Colors

Complementary, analogous, triadic, split-complementary, tetradic, monochromatic — these are the standard systems for choosing colors that work together. This page explains each one with interactive color wheel demos.

 

High Contrast Colors

Not all high-contrast pairings are actually legible, and not all legible pairings look high-contrast. This page separates the combinations that genuinely improve readability from the ones that just look bold, backed by real legibility research and verified contrast ratios.

 

Meaning of Colors

Red doesn't just look red — it carries associations with urgency, warmth, danger, or passion depending on context and culture. This page covers the psychological and cultural weight of each major color family, with practical notes on how those associations play out in design.