Generator & tools

The spacebar generator, image picker, contrast checker, and friends.

Harmony rules: complementary, triad, tetrad, and 9 more
Pick a harmony rule to lock the generator into a classical scheme.
Updated 2026-05-02 · 👍 287
Contrast checker — WCAG 2 + APCA explained
Check a foreground/background pair against accessibility standards.
Updated 2026-05-26 · 👍 156
What is OKLCH and why we use it
The modern, perceptually-uniform color space behind The Color Tools.
Updated 2026-04-30 · 👍 198
Convert any color to anything
Paste a hex, RGB, OKLCH, LAB, or CSS named color — get all the others.
Updated 2026-05-10 · 👍 124
Gradient maker + OKLCH gradient
Build clean multi-stop gradients without the gray middle.
Updated 2026-05-12 · 👍 87