Last updated:
Turn an image into usable colour codes
When you want to reuse a colour from a photo, a logo or a screenshot, what you need is not its name but its exact code. This tool pulls the dominant colours out of any image you drop in and gives you each one as HEX (`#1e293b`) and RGB.
Typical uses: lifting a brand’s corporate colours out of its logo, building a site palette from the mood of a photograph, or matching an interface colour you spotted in a screenshot.
Pick a single point with the eyedropper
The dominant-colour list describes the image as a whole. When you need one specific spot, open the eyedropper and click any pixel — that exact code appears straight away.
You can export the finished palette as CSS custom properties and paste the block directly into your stylesheet. The image is never uploaded; the colour analysis runs in your browser.
How to extract a colour palette from an image
Step 1: Upload the image
Drop in a photo, logo or screenshot. PNG, JPG and WebP are supported.
Step 2: Review the dominant colours
The tool analyses the image’s colour distribution and lists the standout colours with their HEX and RGB values.
Step 3: Sample an exact point
If the list is not enough, switch on the eyedropper and click any pixel in the image to read its exact code.
Step 4: Copy or export
Copy a single code, or export the whole palette as CSS variables and paste it into your project.
Frequently Asked Questions
What is the difference between HEX and RGB?
They describe the same colour in different notation. HEX is the six-character hexadecimal form like `#1e293b` and is what you will see most in CSS. RGB gives the red, green and blue components as numbers from 0 to 255, which is handier when you want to add transparency.
How many colours are extracted?
The tool groups the standout tones in the image’s colour distribution. A working palette rarely needs more than five or six; beyond that, use the eyedropper to sample specific points.
What happens with transparent PNGs?
Transparent areas are excluded from the count, so the palette comes only from the parts of the image that are actually painted. That makes results cleaner for logos on empty backgrounds.
Is my image uploaded?
No. The image is analysed in your browser and never sent anywhere.
Related Tools
- Photo Metadata & Privacy CleanerSee the GPS location, device details and hidden EXIF/C2PA data in your photo — then strip it in one click.
- Image Compressor & Format ConverterCut file size without visibly hurting quality (WebP / JPG / PNG).
- Image DPI Converter (72 to 300 DPI)Set the DPI your print shop asked for, and see the size the file will actually print at.
- MP3 Metadata & ID3 Tag RemoverStrip the studio, software and personal details from an audio file, keeping title and artist.
- Images to PDF CreatorCollect several photos into one PDF, in exactly the order you choose.
- Word (.docx) to PDF ConverterTurn Word documents into PDF in your browser, with zero data leaving your device.