Large text — 24px bold
Normal text — 16px. The quick brown fox jumps over the lazy dog.
MakerFlowTools
Free client-side suiteBack to MakerFlow
100% Private Browser Tools
Check the contrast ratio between two colours against WCAG 2.1 AA and AAA — and get the nearest colour that passes.
Large text — 24px bold
Normal text — 16px. The quick brown fox jumps over the lazy dog.
Every colour-theory scheme for one colour at once — complementary, analogous, triadic, split-complementary, tetradic, rectangle and monochromatic, with the exact hue angles.
Turn one colour into a full 50–950 shade scale, as CSS custom properties or a Tailwind config — built in OKLCH so the steps are even and nothing clips.
Pick the exact colour of any pixel in an image. Hover to preview with a magnifier, click to lock it in, and copy it in any notation.
A browsable library of named colour palettes — accessible sets, editor themes and perceptually even ramps. Search by name, mood or hex.