Question 1

How does the palette extractor work?

Accepted Answer

The tool uses a color quantization algorithm (median cut) to cluster similar colors in the uploaded image, then picks the most dominant clusters as the palette. You can adjust the number of colors (3-12), the saturation threshold to ignore near-grays, and the number of sample pixels for accuracy.

Question 2

Is my image uploaded to a server?

Accepted Answer

No. Everything happens locally in your browser using the HTML5 Canvas API. Your image never leaves your device. You can use this tool offline once the page has loaded.

Question 3

What export formats are supported?

Accepted Answer

The tool exports palettes in three formats: CSS variables (e.g. :root { --color-1: #4ecdc4; }), JSON array with HEX/RGB/HSL values, and a PNG swatch image you can save and share.

Question 4

How do I get the best palette from a photo?

Accepted Answer

Use 5-7 colors for most photos. Increase to 8-10 for complex illustrations. The saturation threshold helps filter out near-grayscale colors, useful for landscape or portrait photos where you want only the colorful elements.

🎨 Extracted Palette