Palette from Image
Find the main colours of a photo, measured the way eyes see them, and export them as CSS, JSON, ASE or GPL.
Drop an image
Find its main colours, measured the way eyes see colour, with how much of the image each one covers.
About this tool
Drop a photo, illustration or screenshot to find its main colours, from 2 to 16, with how much of the image each one covers. Order them by use, from light to dark or by hue, and click any swatch to copy it.
Colours are grouped with k-means clustering in Oklab, a colour space where equal distances look equally different. That keeps a palette from being split into near-identical shades while a small but distinct accent survives. Transparent pixels are ignored and the same image always gives the same palette.
Export the palette as CSS variables, design tokens (JSON), an Adobe Swatch Exchange file for Photoshop, Illustrator and Affinity, or a GIMP palette, or send it to the token exporter to name it and build shade scales.
Why isn’t the most striking colour first?
The default order is by how much of the image each colour covers. A small bright accent covers little, so it comes later. Sort by hue or lightness to see them differently.
Is the image uploaded?
No. It’s decoded and analysed on your device, scaled down first so large photos stay fast.