Image Palette Extractor

Pull a dominant palette and preview it on a mock UI.

Extract a color palette from any image and get HEX, RGB & HSL codes plus CSS variables or JSON. Free, in-browser color palette maker — nothing uploaded, no…

About Image Palette Extractor

Image Palette Extractor is a free, browser-based tool that pulls a dominant color palette out of any image and previews those colors live on a mock dashboard UI. It uses median-cut color quantization to reduce the image to 4–12 representative swatches, showing each as HEX, RGB, and HSL, then lets you export the palette as a HEX list, CSS variables, or JSON. Everything runs locally in your browser on a canvas — your image is never uploaded, and there is no signup.

How to use Image Palette Extractor

  1. Drop an image onto the dashed upload area, click 'Choose image' to pick a file, or click 'Load sample' to try the built-in gradient.
  2. Drag the 'Colors' slider to set how many swatches to extract (anywhere from 4 to 12).
  3. Switch 'Sort by' between Population (most common colors first) and Luminance (light to dark) to reorder the swatches.
  4. Click any swatch to set it as the accent and watch it update the live mock UI on the right; use the copy buttons to grab an individual HEX or 'Copy all hex'.
  5. Under Export, choose HEX list, CSS vars, or JSON, then copy the generated palette code.

Frequently asked questions

Is my image uploaded to a server?
No. The image is loaded into a local canvas and all color extraction happens in your browser — nothing is ever uploaded, and the file stays on your device.
Is it free and do I need an account?
Yes, it's completely free with no signup, account, or watermark.
How many colors can it extract and what formats does it output?
You can extract between 4 and 12 colors using the slider. Each swatch is shown as HEX, RGB, and HSL, and you can export the whole palette as a plain HEX list, a :root CSS variables block, or a JSON array.
What image formats can I use?
Any image format your browser can decode — including PNG, JPEG, WebP, and GIF — works, since the tool reads pixels off a canvas. Fully transparent pixels are skipped so they don't pollute the palette.
What is the live mock UI for?
It derives a theme from your palette (background, surface, text, and accent) and renders a sample dashboard so you can see the colors in context. Click any swatch on the left to make it the accent and the mock updates instantly.
Why might I get fewer swatches than I asked for, or an error?
If the image has fewer distinct colors than the count you requested, you'll get only that many and a note explaining why. Very large images are rejected before processing, and images loaded from another origin can be 'tainted' — re-download and upload them locally to extract colors.

People also search for

Image Palette Extractor is also known as color palette from image, get colors from a photo, image color palette extractor, color palette to hex, color palette to rgb, color palette maker, image color picker.