Skip to content

Image Color Palette Extractor

— ready-made HEX codes.

29 / 36 Local

100% in-browser median-cut extraction. Zero server uploads.

Pull the dominant colours out of a photo or pick a shade with the eyedropper — HEX, RGB and HSL codes copy in one click. The picture never leaves your browser.

Extract dominant colors and generate harmonious palettes from photos with HEX, RGB, and HSL codes right in your browser.

Free · Local · works offline · IMAGE → COLOR PALETTE & CODES

Frequently asked questions

How does it decide which colours are dominant?
It clusters every pixel in the image by similarity and reports the centre of each cluster, so a colour that covers a large area outranks a bright accent that covers a few pixels.
Can I get the hex codes to paste into CSS?
Yes — every swatch gives you HEX, RGB and HSL, and each one copies with a click, so the palette goes straight into a stylesheet or a design file.
How many colours should a brand palette have?
Most hold together on three to five: one dominant, one accent, and two or three neutrals. Extracting ten from a photograph is useful for seeing what is there, but shipping ten as a brand palette is how a design stops looking deliberate.
Will the palette match what I see in Photoshop?
Very closely for ordinary sRGB images. A photo saved in a wide-gamut profile such as Adobe RGB or Display P3 is read through the browser's own colour handling, so the most saturated values can shift slightly.

Guides for this tool