TOOL · COLORS
Extract the color palette from an image
Drop the photo, screenshot or logo and take the 8 colors that dominate the image — each with a hex to copy, or all at once as CSS variables.
Processed in your browser — your files never leave your computer.
How it works
-
Drop your image here
Drag a .jpg, .png or .webp up to 20 MB onto the dotted area, or click to choose. Photos, screenshots, logos, paintings — any image works.
-
See the 8 dominant colors
The tool analyzes the pixels and pulls out the 8 most present colors, ordered from most to least dominant. It takes under a second.
-
Copy one or all
Click a swatch to copy its hex, or hit "Copy all (CSS)" to take the whole palette as CSS variables ready for your project.
Frequently asked questions
How does the tool pick the colors?
It uses median cut, the same classic algorithm image editors use: it groups similar pixels into 8 boxes and takes the average color of each, ordered from most to least present. The result is the palette that summarizes the image — not 8 random pixels.
Why is a color I can see in the photo missing?
The palette shows the DOMINANT colors — the ones covering the most area. A small, striking detail (a red flower in a green landscape) may not make the cut. To grab the color of an exact spot, use the Eyedropper tool, which reads the pixel you click.
Which image formats are accepted?
JPG, PNG and WebP, up to 20 MB. iPhone photo in HEIC? Convert it first with the HEIC to JPG tool and come back.
What does "Copy all (CSS)" give me?
A :root block with the 8 colors as variables (--cor-1 to --cor-8), ready to paste into your stylesheet and use with var(--cor-1).
Does it work with logos and illustrations or just photos?
Any image works. With logos and flat illustrations the result is even cleaner — you may get fewer than 8 colors if the image simply does not have that many. Transparent PNG areas are ignored.
Is my image uploaded to a server?
No. The analysis happens inside your browser, on your device. The photo never leaves your computer — you can even turn off Wi-Fi after the page loads.