Color tools

Pick colors with HEX, RGB, HSL, OKLCH outputs.

Convert between HEX, RGB, HSL and OKLCH formats.

Extract a dominant color palette from any image.

Check foreground/background contrast against WCAG AA/AAA.

Build linear, radial or conic CSS gradients with live preview and one-click export.

Generate harmony palettes and Tailwind-style 50–900 scales from a single base colour.

Simulate how a design or chart looks to people with protanopia, deuteranopia, tritanopia or achromatopsia.

Blend two HEX colors by ratio and generate intermediate shades.

Map HEX colors to nearest common web color names.