Image → Palette ExtractorMMCQWCAG Badges

Extract Beautiful Color Palettes

Paste, drag & drop, or upload an image. Get the top 8 swatches, copy HEX/SCSS, and see WCAG AA/AAA contrast on light/dark.

Upload / Paste Image

Drag & drop an image here,
or paste (Ctrl/Cmd-V).

PNG, JPG, WebP • Client-side only

Number of colors

Quality (sampling step)

1 = highest quality (slow), 10 = default, 20 = fastest (least accurate)

Preview background

SCSS variable base name

Will generate variables like $palette-1, $palette-2…

Everything runs in your browser. No image ever leaves your device. MMCQ bins colors to 5 bits/channel to find dominant swatches fast.

Upload an image to see its palette. Try logos, photos, UI screenshots, or artwork.

Tips & Notes

• Paste with Ctrl/Cmd-V, or drag & drop an image onto the upload card.
• Adjust the color count and quality to balance accuracy and speed. Big photos? Try Quality 10–15.
• WCAG badges indicate if white/black text over the swatch meets AA/AAA contrast for normal text.
• Everything runs locally in your browser; nothing is uploaded.

Support the Builders

We provide these tools free of charge. If they’ve been useful, consider buying us a coffee to encourage us.