Color Palette Extractor
Pull the dominant colors out of any image as a usable palette.
Drop an image to extract its palette
Pixels are sampled on a canvas in your browser
About Color Palette Extractor
Building a colour scheme around a photograph, a product shot or a logo is far easier when you can see the actual colours it contains rather than eyedropping by hand.
This extractor samples your image on a canvas, quantises the pixels and returns the most representative colours with their share of the image, ready to copy as hex, RGB, HSL or CSS variables.
Frequently asked questions
How are the colors chosen?
Pixels are quantised into buckets and the most populated buckets are returned, which approximates the colors a person would name when looking at the image.
Why are some colors missing?
Small but striking accents occupy few pixels, so they rank low by frequency. Increasing the palette size usually surfaces them.
Can I export the palette?
Yes - copy any swatch as hex, RGB or HSL, or export the whole palette as CSS custom properties.