Image Color Palette
Pull the dominant colors from any photo: upload an image, get a clean palette with hex codes, click any swatch to copy it, and export as CSS variables or a swatch list. Free, no signup — made for designers.
Drop an image here or
JPG, PNG or WebP · up to 50 MB
How to extract a palette
- Upload an imageDrop a JPG, PNG or WebP into the box — or try a built-in sample gradient.
- Pick a color countChoose 4, 6, 8 or 10 dominant colors; the palette updates instantly.
- Copy or exportClick swatches to copy hex codes, or export the whole palette as CSS variables or a text list.
Frequently asked questions
How does the palette extraction work?
Your image is sampled down in your browser and its pixels are clustered with median-cut quantization — the same family of algorithms used by professional color tools. The biggest clusters become your dominant colors, sorted most-dominant first.
Can I use the colors in my designs?
Yes — colors themselves aren't copyrightable. Click any swatch to copy its hex code, copy the whole palette at once, or export it as CSS custom properties for your stylesheet.
What's the difference between the CSS and text exports?
The CSS export is a ready-to-paste :root block with --palette-1 … variables for your site or app. The text export is a simple numbered list of hex codes with RGB values — handy for notes, briefs and swatch references.
Why do some photos give muddy palettes?
Median-cut finds what's actually there: if a photo is mostly grey or brown tones, the palette honestly reflects that. Try the color-count selector (fewer colors = bolder averages) or crop to the area whose colors you care about.
Do my images leave my browser?
No. Pixel sampling and quantization run 100% locally — your images are never uploaded, stored or sent to any server, and no CDN downloads are involved.
Need another photo tool?
Backgrounds removed, products in studio scenes, headshots made professional — 15 free tools that run entirely in your browser.