Colour Palette Extractor
Pull the dominant colours out of any picture.
Choose image
or drop it anywhere on this page
JPG · JPEG · PNG · WEBP · AVIF · GIF · BMP · TIFF · TIF · SVG · +3
Processed on your device — never uploaded
How to colour palette extractor
- Drop in an image — a photo, a screenshot, a piece of artwork.
- Choose how many colours you want and which extraction method suits it.
- Click any swatch to copy, or export the whole palette.
About this tool
Extracting a palette from an image is the fastest way to build a colour scheme that feels coherent, because the relationships between the colours already exist in the source. A photograph that looks good has, by definition, colours that work together.
The three methods here answer genuinely different questions. K-means asks what colours best summarise this image. Vibrant asks which colours are most useful for design. Frequency asks which colour literally occupies the most pixels. Picking the right one matters more than the number of swatches.
Questions
Which method should I pick?
K-means clusters the colour space and gives the most representative overall palette, which is the right default. Vibrant biases towards saturated colours, which suits brand and design work where the muted greys are not interesting. Most-frequent is literal and best when you need the actual dominant colour, such as matching a page background to an image.
Can I export straight into my project?
Yes. Alongside HEX, RGB and HSL you can copy the palette as CSS custom properties or as a Tailwind colour config block, so it drops straight into a stylesheet or config file.