01 // Visual Analysis
ANALYZING
02 // System Data
03 // Mathematical Theory
WCAG AAA Compliance
The "Gold Standard" of accessibility. To pass **AAA**, the contrast
ratio between text and background must be at least **7.0:1**. This
ensures readability for users with 20/80 visual acuity.
HEX vs RGB
**RGB** defines colors by the intensity of Red, Green, and Blue
(0-255). **HEX** is simply a base-16 representation of those same
numbers (e.g., 255 = FF).
HSL Logic
Unlike RGB, **HSL** maps closer to human perception. **Hue** is the
type of color (0-360°), **Saturation** is the "vibrancy," and
**Lightness** is the amount of white or black mixed in.
Relative Luminance
Contrast isn't just about brightness; it's about physics. We use a
formula that weighs Green the heaviest (71%) because the human eye is
most sensitive to it, followed by Red (21%) and Blue (7%).