Learn

Short, practical guides to the color science behind these tools — OKLCH, gamuts, gradients, and accessibility. Written to be accurate, not hype.

What Is OKLCH? The Color Space Behind These Tools
OKLCH is a perceptually-uniform color space, now in every major browser via the oklch() CSS function. Here's what its lightness, chroma, and hue axes mean and why they beat HSL for design.
Why Your CSS Gradients Look Muddy — and How to Fix Banding
Two things ruin CSS gradients: a gray dead zone in the middle and visible banding. Both are predictable. Here's why they happen and how interpolation space and dithering fix them.
Why Display-P3 Matters: sRGB vs P3 vs Rec. 2020
Modern screens show more colors than sRGB. Here's what a color gamut is, how Display-P3 and Rec. 2020 compare, and how to use wide-gamut color with safe fallbacks.
WCAG 2.2 vs APCA: Where Contrast Standards Are Headed
WCAG 2.x AA is the contrast standard you must meet today; APCA is a promising newer model — but it is experimental and not required. An honest look at how to use both.
Designing for Color Blindness
Roughly 1 in 12 men has a color-vision deficiency. A few small habits — never relying on color alone, checking palettes, keeping contrast — make your work usable for them.