How to Extract a Color Palette from Any Image
Extracting a colour palette from an image is essential for branding consistency, UI design, and recreating a visual style. Whether you are matching a client's brand colours, sampling colours from a photograph, or pulling a palette from a competitor's website screenshot, a colour extraction tool gives you exact HEX and RGB values instantly.
Quick Answer
Extracting a colour palette from an image is essential for branding consistency, UI design, and recreating a visual style. Whether you are matching a client's brand colours, sampling colours from a photograph, or pulling a palette from a competitor's website screenshot, a colour extraction tool gives you exact HEX and RGB values instantly.
Try it now — free, no signup
Your images stay on your device. Nothing is uploaded to any server.
Step-by-Step Guide
4 steps · takes under 1 minute
Upload your image
Upload any image — a brand logo, UI screenshot, product photo, or mood board. The tool works on any image format: JPG, PNG, WebP.
View the extracted colour palette
The tool uses k-means colour quantisation to identify the dominant colours in the image. Results show as colour swatches with their HEX codes.
Copy the HEX or RGB values
Click any colour swatch to copy its HEX code to your clipboard. Use these values directly in CSS, Figma, Adobe XD, or any design tool.
Export your design system
Download the full extracted palette including colours, fonts detected in the image, and spacing suggestions as a reference document.
100% Private — Zero Uploads
ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.
Pro tip
Use 75–85% quality for web images — you get 60–80% smaller files with no visible difference at normal screen sizes.
Format & File Size Comparison
Same 1080×1080px photo processed four ways
| Format | Quality | File Size | Notes |
|---|---|---|---|
| PNG (original) | Perfect | 4.2 MB | No compression — too large for web |
| Compressed PNG | Visually identical | 1.1 MB | −74% — transparency preserved |
| JPG (85% quality) | Excellent | 310 KB | −93% · Best for photos |
| WebP (85%)BEST | Excellent | 205 KB | −95% · Recommended for web |
Based on a 1080×1080px photo. Results vary by image content and complexity.
Related Free Tools
All tools run in your browser — no account or upload needed
Frequently Asked Questions
4 questions answered
Ready to get started?
Free, instant — your files stay on your device. Always.
Extract your colour palette free