Choose an image
Select a photo, logo or screenshot, or drop it into the box.
Image Color Extractor
Pull the main colours from any image and copy them as hex codes or CSS variables.
Free
No sign-up
Runs in your browser
Colours are read on your device. The image is not uploaded.
The main colours appear here, most common first.
Common uses
- Match a website palette to a brand photo
- Find the exact colours in a logo
- Build a colour scheme from a picture you like
How it works
How to use Image Color Extractor
Pick how many colours
Choose 4 to 10 colours. Similar shades are merged so the palette shows distinct colours.
Copy the colours
Click a swatch to copy its hex code, or copy the whole palette as CSS variables.
FAQ
Good to know
How do I use Image Color Extractor?
1. Choose an image: Select a photo, logo or screenshot, or drop it into the box. 2. Pick how many colours: Choose 4 to 10 colours. Similar shades are merged so the palette shows distinct colours. 3. Copy the colours: Click a swatch to copy its hex code, or copy the whole palette as CSS variables.
How are the colours chosen?
Visible pixels are grouped by similar colour and the largest groups are listed first, with the share of the image each one covers.
Are transparent areas counted?
No. Pixels that are mostly transparent are ignored, so a logo on a transparent background gives its real colours.
Is my image uploaded?
No. The image is read in your browser and never leaves your device.
Keep going
More image tools
Image Compressor
Make JPG, PNG and WebP images smaller with a live preview of quality and size.
Image Resizer
Resize images by pixels or percentage, keeping the aspect ratio if you like.
HEIC to JPG
Convert iPhone HEIC photos to JPG so they open anywhere.
Image to Text (OCR)
Extract text from screenshots, photos and scanned documents.
Image Converter
Convert images between JPG, PNG and WebP formats in seconds.
PNG to JPG
Convert PNG images to JPG, with a background colour for transparent areas.