How it works FAQ
100% in-browser · no uploads to a server · no login

Extract every distinct color from any image

Upload a photo, logo, or brand moodboard. Color Extractor finds the exact number of colors actually in the image — two for a simple logo, thirty-plus for a rainbow palette — with no guessing and no artificial limits.

How to use

  1. 1

    Upload an image

    Drop a PNG, JPG, WebP, GIF, or SVG into the upload area below — or click it to pick a file. Process as many images as you like.

  2. 2

    Let it analyze

    Color Extractor scans every pixel, groups identical shades, then merges near-duplicates only when they're perceptually indistinguishable.

  3. 3

    Explore, replace & export

    Hover any swatch to see HEX, RGB, and HSL. Click to copy. Use the Change color button to swap any hex code for another. Download the result as PNG.

Drop an image or click to upload

PNG, JPG, WebP, GIF, SVG — any size. Processed locally in your browser.

Choose image

0 distinct colors found

Source: —

Change any color in the image

Pick a source color (by hex code or picker) and the color you want to replace it with.

Any hex code — from the palette, typed, or picked.
The new color to apply.
ΔE 22
0 replacements active
Uploaded
— Hover to inspect · click to copy the hovered color

Palette

0 colors
Hover to inspect · click to copy · swap icon to replace

CSS variables

Works on anything

Brand logos, product photos, screenshots, moodboards, illustrations, game art, movie stills — if it's a picture, Color Extractor will find every distinct color, from a couple of flat brand hues to a complex 30+ color palette.

Frequently asked questions

Does it limit me to 6 or 12 colors?
No. Color Extractor returns the exact number of distinct colors actually present in the image. A flat 2-color logo returns 2. A rainbow gradient with 30+ distinct brand colors returns 30+. The algorithm merges only shades that are perceptually indistinguishable.
Do I need to sign up or log in?
Never. There is no login, register, or account system. Open the page, upload an image, get your palette. You can process unlimited images.
Are my images uploaded to a server?
No. Everything runs 100% in your browser using a canvas element. Your images never leave your device.
How do I identify a specific color?
Hover your mouse over any swatch in the palette to see its HEX, RGB, and HSL values. You can also hover directly over the uploaded image to sample any pixel in real time. Click a swatch to copy it to your clipboard.
Can I change a specific color in the image?
Yes. Hover any swatch in the palette and click the swap icon in its top-right corner. A small inline color picker opens — pick any new color and the image updates instantly. Use the Change color button to swap any hex code for another. A tolerance slider controls how broadly the replacement applies.
What about very noisy or photographic images?
The extractor groups pixels into fine color buckets and then merges buckets whose perceptual distance (ΔE in CIELAB) is below a small threshold. This keeps truly distinct brand colors while collapsing anti-aliasing, dithering, and photographic noise into a clean palette.