Extract Colors from Image
Get the full color palette of any image, with the exact percentage each color covers. Drop a photo, tune the color count, then click any swatch to copy its HEX, RGB or HSL value — or click the image itself to pick a single pixel. Everything runs locally; your image is never uploaded.
Your color palette will appear here.
What you can do next
FAQ
How do I get a color palette from an image?
Drop the image onto the box above (or paste it from your clipboard). The tool analyzes every pixel with a K-Means clustering algorithm in CIELAB color space — the same perceptual model design software uses — merges near-identical shades, and shows the dominant colors sorted by how much of the image each one covers. Pick 3 to 10 colors with the preset buttons.
What do the percentages mean?
Each percentage is the share of the image's pixels that belongs to that color cluster — so a sky that fills half the photo shows up as roughly 50%. The bar above the list visualizes the same proportions at a glance.
How do I pick one exact color from the image?
Once an image is loaded, just click anywhere on the preview — the tool reads that exact pixel and shows its HEX, RGB and HSL values, copied to your clipboard automatically.
Which color formats can I copy or export?
Switch between HEX, RGB, HSL and LAB with the Format buttons — every swatch shows the other formats too. Click a swatch to copy its value, copy the whole palette at once, or export it as a CSS custom-properties file or a JSON file with exact percentages.
Does this tool upload my image?
No. All processing happens in your browser with the Canvas API — nothing is sent to any server. You can even disconnect from the internet after the page loads and it will keep working.