Color Tools
A single place for color work: generate a palette from any harmony scheme, look up a named color's practical use cases, check WCAG contrast between two colors, and convert freely between HEX, RGB, HSL, HWB and OKLCH.
# processed in your browser. no request leaves this page.
How it works
Palette generation rotates hue in OKLCH instead of HSL, because OKLCH is perceptually uniform: the same lightness step looks equally bright across every hue, which HSL cannot guarantee. The contrast checker works the same way in reverse — it adjusts a color's OKLCH lightness by bisection until the WCAG ratio target is met, without shifting its hue or chroma.
- Six harmony schemes generated in OKLCH for perceptually even results: complementary, split-complementary, analogous, triadic, tetradic and monochromatic
- A library of named colors with concrete use cases and accessibility notes, not generic mood adjectives
- WCAG contrast checker with AA/AAA verdicts and a suggested lightness fix
- Bidirectional HEX, RGB, HSL, HWB and OKLCH conversion, plus an eyedropper to pick any color on screen