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
- Image Compressor & Format ConverterCut file size without visibly hurting quality (WebP / JPG / PNG).
- Resize Image to KB: Pixel Size, KB Limit and DPIFit a photo to the pixel size, file-size limit and DPI an online form asks for, in one step.
- 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.
- DPI Calculator: Pixels, Print Size and DPIWork out how many pixels a print needs, how large a photo prints, or the DPI you actually get.
- PDF DPI Checker: Check the DPI of a PDFSee the effective DPI of every image in a PDF, and where the low-resolution ones sit on the page.
- Images to PDF CreatorCollect several photos into one PDF, in exactly the order you choose.