Colour Palette Extractor
Find the main colours in a photo or logo and copy their hex codes.
Your image appears here
Matching your brand colours on a flyer, a website or a QR code starts with knowing the exact colour codes. Add your logo or a photo and the tool finds its main colours, from most to least common.
Click a swatch to copy its hex code, or copy the whole palette as CSS variables for your website.
Private by design: processing happens on your device, and your files are never uploaded to our servers.
How to use the Colour palette extractor tool
Add an image
Your logo, a product photo or any picture you like.
Pick how many colours
4 for a tight brand palette, up to 10 for more variety.
Copy the codes
Tap a swatch for its hex code, or copy them all.
Tips
- Use a high-quality logo file: blurry edges create in-between colours.
- For QR codes, use your darkest brand colour for the pattern on a light background.
- Check text colours for contrast before using them on your website.
Frequently asked questions
What's a hex code?
A six-character code like #4F46E5 that describes a colour exactly. Most design tools, websites and our QR designer accept hex codes.
Why are the colours slightly different from my brand guide?
Photos and compressed images shift colours a little. Use an original logo file for the most accurate codes.
Is my image uploaded?
No. The colours are calculated in your browser.
Related tools
Share it with a QR code
Put your file online (Google Drive, Dropbox or your website), then make a QR code for the link. People can scan it from a poster, menu or business card.