Skip to content
ToolSuite
Image Tools

Image Color Palette Extractor

Pull the main colours out of an image as a palette, with CSS variables ready to copy.

or drag it here

image/* · up to 40 MB

Processed in your browser

Fill in the form and press “Extract palette” to see the result here.

How to use it

  1. 1Select your image, or drag and drop it onto the upload area.
  2. 2Adjust the options if you need something other than the defaults.
  3. 3Press the button. The image is processed on your device - nothing is uploaded.
  4. 4Download the result, or drop in another file to do it again.

About the Image Color Palette Extractor

Colours are found by quantising the image to a coarse grid and counting which buckets are fullest, then averaging the real pixels in each bucket. That gives colours that actually appear in the image rather than mathematical midpoints.

Each colour is reported with its share of the image, in HEX, RGB and HSL, plus a block of CSS custom properties you can paste straight into a stylesheet.

Near-transparent pixels are ignored, so a logo on a transparent background gives the logo’s colours rather than a large block of nothing.

Questions people ask

Is your image uploaded to a server?

No. This tool runs entirely in your browser using standard web APIs, so your image never leaves your device. You can confirm it by opening your browser's network panel while the tool runs, or by disconnecting from the internet after the page has loaded.

Is it free, and do I need an account?

Yes, it is free, and there is no account, no sign-up and no watermark on the result. The project is funded by optional donations.