Color Palette Generator

Drop an image into the extractor — it pulls the dominant colours right in your browser and shows each one's hex code. Tap a swatch to copy it. Nothing is uploaded.

Type or paste a hex code (or use the colour picker) and the RGB and HSL values appear instantly, each one tap-to-copy.

Yes — export an extracted palette as CSS variables, a Tailwind config snippet, SCSS variables, JSON, or a PNG swatch sheet, all in one tap. Most palette tools paywall exports; they're free here.

Harmonies are colour combinations that look good together — complementary, analogous, triadic, tetradic and split-complementary. Enter any colour and this tool generates each set instantly, computed from the colour wheel.

Yes — the WCAG contrast checker shows the exact ratio between a text and background colour and whether it passes AA, AAA and AA-large, so your text stays readable.

Yes — there's a quick gradient here, plus a full dedicated gradient generator with mesh gradients, presets and export.

No — palette extraction happens entirely in your browser using a canvas. Your image never leaves your device.