Colour Palette from Image
Build a colour scheme from a photo you love, then take it straight into your design app or stylesheet.
- Files never leave your device
- 100% free
- No sign-up
- No watermark
- Works offline after first load
or drag & drop a picture here — or paste with Ctrl+V
How to get a colour palette from an image
- Select, drop or paste a photo, artwork or screenshot.
- Choose how many colours, whether to pick the most common or most distinct ones, and the order. Click the picture to add any colour.
- Click a colour to copy its code, or choose a format and click Download palette.
About Palette from Image
Find the colours that make a picture work. Add a photo, a painting, a logo or a screenshot and get its main colours with their HEX, RGB and HSL codes, how much of the picture each one covers, and a marker showing where it appears.
Choose from 2 to 16 colours, ignore a white or black background, sort by share, hue or lightness, and add any colour by clicking the picture. Copy the codes or download the palette for your design tools and code. It all runs in your browser.
Good for
- Building a website or brand colour scheme from a photo
- Matching graphics to a product photo
- Importing a photo palette into Photoshop, Illustrator, GIMP or Inkscape
Tip: Use “Most distinct” to get accent colours that would be lost among the large areas of a photo.
Frequently asked questions
How are the colours chosen?
The picture’s pixels are grouped into clusters of similar colours (k-means in a perceptual colour space). “Most common” shows the biggest groups, “Most distinct” the colours that differ most, and “Vivid” prefers saturated colours.
Can I add a colour that was not picked?
Yes. Click anywhere on the picture to add the colour under the pointer to the palette.
Which formats can I download?
A palette image with the photo, a colour strip, CSS or SCSS variables, a Tailwind config, JSON, a GIMP / Inkscape .gpl palette or an Adobe .ase swatch file for Photoshop and Illustrator.
Does my picture leave my device?
No. The colours are worked out in your browser, so nothing is uploaded.
How many colours should I extract?
Five or six usually make a usable scheme. Go higher for detailed artwork, and choose the most distinct colours if similar shades keep repeating.