Extract the colours that actually make up a picture, with the share of the image each one covers, hex codes you can click to copy, and CSS variables ready to paste.
A photo, a screenshot, a poster, a piece of packaging. Anything with colour in it.
Four for a tight scheme, eight for a usable palette, sixteen when you want the detail.
Click any swatch for its hex code, or copy the whole set as CSS variables.
Counting the most frequent colours in a photograph gives you a useless answer. A sunset is thousands of near identical oranges, so the top eight come back as eight oranges that differ by a shade nobody can see.
This treats the picture as a cloud of colours and repeatedly splits whichever part of that cloud still covers the widest range, along its most varied axis. A region holding a single flat colour has no range left, so it is never split again and never returned twice. Swatches too close for an eye to separate are folded together.
The percentage next to each swatch is how much of the picture that colour covers. The largest share is very often the background, so the colours worth building with are usually a little further down the list.
Green is weighted more heavily than red and blue when deciding where to split, because human vision resolves far more detail in green. It is a small adjustment that makes the palettes noticeably closer to what your eye picks out.
No. The work happens inside this tab, on your own machine. Open your browser's network tab while you use the tool, there is no request carrying your file.
Practical limits depend on the tool, browser and available device memory. Large files can fail even when no explicit limit is shown. Keep an original and use a smaller job if this device cannot finish it.
No, and there is no daily limit either. There is nothing to sign up for.
Eight is the useful default. Four gives a tight scheme, sixteen is for when you want the range rather than a palette.
Yes, the whole set is offered as CSS custom properties, ready to paste into a stylesheet.
Transparent areas are ignored, so a logo on a transparent background gives you the logo's colours and nothing else.
The picture is shrunk to a small sample, mostly transparent pixels are ignored, and the colours are grouped into 4, 8 or 16 clusters. Each swatch is the average of its group, and the percentage shows how much of the picture it covers.
Click a swatch to copy its hex code, copy all the codes, or copy them as CSS variables ready to paste into a stylesheet. Nothing is saved as a file and nothing is sent anywhere.
Colours that are almost the same are merged, so you may get fewer swatches than you asked for. The largest share is often the background rather than the subject, and small details such as a logo can vanish because the sample is small.
Because each swatch is an average, it is a starting point rather than an exact colour from the picture. For a brand colour, check it against the original with a colour picker. The 8 colour setting is a good balance for most pictures.