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.