Learn color
Short guides with real numbers — every claim traceable to the WCAG specification, the CSS Color 4 spec or the published algorithm. Each guide links to the tool that computes it.
WCAG Contrast Ratio, Explained with Real Numbers
How the WCAG contrast ratio is calculated from relative luminance, what AA and AAA actually require, and where the ratio breaks down.
4 min readColor Models Explained: HEX, RGB, HSL, HSV, CMYK, LAB and OKLCH
What each color model is actually for, when to use which, and why OKLCH is the modern default for design systems.
6 min readColor Harmony: Complementary, Analogous, Triadic and Beyond
The classic wheel relationships, what each is actually good for, and how to pick between them for real projects.
4 min readHow to Build an Accessible Color Palette
A practical, checklist-based method for palettes that hold up under WCAG — including the parts most tutorials skip.
5 min read