Color Palette Generator
Pull a palette of up to 12 distinct colours out of any image, shown as swatches with hex and RGB values you can copy or download.
How it works
- 1
Drop any image onto the upload area and choose how many colours you want (3–12), then click Extract palette.
- 2
Each swatch shows the hex code and RGB value; click the copy icon next to any value to copy it to the clipboard.
- 3
Use the download bar to save the palette as a PNG swatch sheet, a CSS :root block with custom properties, or a JSON array.
Questions
Does the image leave my device?
No. The entire extraction runs in your browser. Nothing is uploaded.
Why is the palette computed from a smaller copy of the image?
Before colour quantisation begins, the image is downsampled so that the longest side is at most 256 px. This keeps extraction fast for large photos without meaningfully changing the colours in the result.
How are the colours chosen?
The tool uses Wu quantisation (from the image-q library) to find a set of colours that best represents the image's overall colour distribution.
Can I change the number of colours after extracting?
Yes — adjust the slider and click Extract palette again. Each run is independent.
What does the CSS download contain?
A :root rule with one custom property per colour, e.g. --color-1: #ff8800;. Paste it into any stylesheet to use the palette as design tokens.
More image tools
ICO Converter
Build a multi-size .ico file from a PNG or JPG, choosing which pixel sizes to include — ideal for application icons and browser favicons.
Favicon Generator
Generate a full favicon set from one image: a three-size ICO, an Apple touch icon, PWA icons, a webmanifest, and the HTML.
SVG Converter
Rasterize an SVG file to PNG, JPEG or WebP at a scale factor you choose. The result is a pixel image — not editable vector paths.
SVG to JPG
Convert an SVG to a JPEG image at the export scale you set, composited onto a solid background colour — because JPEG has no transparency.
Adjust Brightness
Lighten or darken an image by shifting every pixel's brightness up or down with a single slider.
Adjust Contrast
Increase or reduce the difference between light and dark areas to make an image pop or flatten it.
Adjust Saturation
Boost or reduce the intensity of colours in an image, all the way from vivid to greyscale.
Rotate Hue
Shift every colour in an image around the hue wheel to change the overall colour cast.