Colour palette from an image
The picture’s main colours, as hex codes.
Drop files here
or click to choose from your deviceAccepted: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF
One file per runUp to 20 MB per file5 runs per dayRemove limits with Pro✓ Works offline
Your files stay on your device
This tool runs entirely in your browser. Nothing is uploaded, nothing is stored, and you can even turn off your internet connection before you start.
Example
Worked example — Colour palette from an image
Use the following inputs and settings.
| Item | Value |
|---|---|
| Input | sample.png · 300 × 200 px |
| Output files | 2 |
| Output | sample-colors.txt |
| Output | sample-palette.png |
| Pixels | 1200 × 360 |
Expected result — Output files: 2.
How it works
- Add the picture — a photograph, a screenshot of a site you like, a painting.
- Choose how many colours you want. Five is a palette; twelve is closer to an inventory.
- Read the list. Each colour comes with its hex code, ready to paste.
- Click anywhere on the picture itself for the exact colour of that one pixel, which is what you want when you are matching a brand colour.
Frequently asked questions
- How are the main colours chosen?
- By grouping every pixel in the picture by colour and taking the largest groups, so what comes back is what the picture is actually made of rather than what looks pleasing. A photograph of a forest gives you a lot of greens, because it is a lot of greens.
- Why is the colour I picked slightly different from the one I expected?
- Because you are picking a pixel, and JPEG compression moves individual pixels around. Pick from the middle of a flat area rather than near an edge, and a PNG gives a truer answer than a JPEG.
- Can I get RGB or HSL instead of hex?
- RGB is already there: each line gives the hex code, the rgb() values and the colour’s share of the picture, such as “#F6A04D rgb(246, 160, 77) 40%”. For HSL or a CSS variable, paste the hex code into our colour converter.
- Is the picture uploaded?
- No. It is read pixel by pixel in your browser and never sent anywhere.
Related tools
◉ Colour picker from image Click the picture for a colour code; get its main colours as a palette. ▩ Pixel art converter A picture redrawn in big blocks and a small palette, like an old game. ◒ Developer tools Colour converter HEX, RGB, HSL and CMYK — plus the contrast ratio that decides readability. ⬚ Remove white background White paper or one plain colour becomes transparent; lines and letters keep their smooth edges.