Palette from Image
Extract a balanced colour palette of 4–12 swatches from a photo.
Processed on your device — never uploaded
What Is This Tool?
This tool builds a palette by quantising the image into a set of representative colours that are spread across the picture rather than clustered on the most common one. Export the result as a plain hex list, a block of CSS custom properties, or a JSON array, or download it as a swatch strip.
How It Works
Drop an image onto the box or select one.
Choose how many Swatches you want.
Pick an export format and click Copy.
Or click Download swatch image.
Everything runs locally in your browser — the image you choose is decoded onto an HTML canvas on your own device and is never uploaded to a server.
Features
- 3–12 evenly distributed swatches
- Export as hex, CSS variables or JSON
- One-click swatch image download
- Click a swatch to copy its hex
- Runs in the browser
Common Use Cases
- Deriving a website colour scheme from a key photo
- Building a mood-board palette from inspiration images
- Generating CSS variables for a themed section
- Creating consistent chart colours from a brand image
Frequently Asked Questions
How is this different from the Dominant Color Extractor?
Dominant Color ranks colours by how much of the image they cover. Palette from Image aims for a spread of distinct colours, so you get variety rather than several near-identical shades.
Will the palette be the same every time?
Yes for the same image and swatch count — the quantisation is deterministic, not random.
Can I lock or edit a swatch?
Not in this tool. Copy the list and adjust it in your editor, or feed it into Color Swatch Image.
Does image size matter?
Large images are downsampled for speed before analysis, which does not noticeably change the palette.
Is my image uploaded?
No, extraction is local.