Pull the dominant colours out of an image: a logo, a photo, a painting or a screenshot. The palette is found by clustering the image’s pixels by how alike they look, lists each colour with its share of the picture, and exports as CSS custom properties, JSON or plain text. Nothing leaves your device.
How it works
- Drop, paste or choose an image.
- Choose 5 to 8 colours; click a swatch to see its HEX, RGB, HSL and OKLCH.
- Download the palette as .css, .json or .txt.
Questions
- Does my file get uploaded?
- No. Everything happens inside your browser on your own device. You can check it yourself: open your browser’s DevTools, watch the Network tab while the tool runs, and you will see no upload. The badge beside the page title counts the bytes this page has sent, live.
- How are the colours chosen?
- A shrunken copy of the image is split into colour groups (median cut), then the groups are refined by how alike the colours look to the eye (k-means in OKLab). Near-identical shades are merged, so you get distinct colours, ordered by how much of the image each covers. The same image always gives the same palette.
- Why did I get fewer colours than I asked for?
- If an image has only a few clearly different colours, a flat logo for example, the palette shows those rather than padding the list with near-duplicates. Transparent areas are ignored.