Free Tool

Colour Picker from Image

Upload any photo, logo, or artwork and extract a complete colour palette instantly — all processing happens in your browser, nothing is ever uploaded to a server.

Open Colour Picker
🎨
Up to 12 Colours
Extract the most dominant colours from any image — photos, logos, artwork, or screenshots.
🔒
100% Private
Your images never leave your device. All colour extraction runs directly in your browser using the Canvas API.
📋
Copy Any Format
Click any colour to copy the hex code instantly. Use the colours straight in CSS, Figma, or any design tool.
⚡
Instant Results
No upload waiting, no server queue. Palette extraction is instant — results appear as soon as you drop your image.

How to pick colours from an image

Three steps. No sign-up required.

1
Upload your imageDrag and drop any JPEG, PNG, GIF, or WebP file onto the tool — or click to browse.
2
See the paletteYour dominant colours appear instantly below the image as swatches with hex codes.
3
Copy and useClick any swatch to copy the hex code. Drop it straight into CSS, Figma, Adobe XD, or your design tool of choice.

Ready to extract your palette?

Upload a photo and get your colour palette in seconds — completely free, no account needed.

Try the Colour Picker

Frequently asked questions

How does the image colour picker work?
The tool uses the HTML5 Canvas API to read the pixel data of your uploaded image directly in your browser. It then clusters the pixel colours using a median-cut algorithm to identify the most dominant distinct colours and presents them as a palette.
Is my image sent to a server?
No. Your image never leaves your device. All processing happens locally in your browser. We don't receive, store, or process your images at any point.
What image formats are supported?
The tool supports any format your browser can display — typically JPEG, PNG, GIF, WebP, SVG, and AVIF. Very large images may take a moment to process.
How many colours can I extract?
The tool extracts up to 12 dominant colours per image. You can adjust the slider on the extraction page to get fewer colours if you want a tighter palette.
Can I use this to find brand colours from a logo?
Absolutely. Upload a PNG or SVG of the logo and the extractor will identify the key brand colours. Logos with flat colours tend to give the cleanest results.
What can I use the extracted colours for?
Copy the hex codes into CSS, Tailwind config, Figma, Adobe XD, Sketch, Canva, PowerPoint, or any design or development tool that accepts hex colour values.