Image Color Extractor
Drop any PNG, JPG or WebP and extract the dominant colors. Click a result to use it as your palette base. Nothing leaves your browser.
What this page covers
This page explains the workflow and links directly to the relevant section of the main Chromoforge tool.
- Extracts up to six dominant colors using k-means clustering in RGB space.
- Click any extracted color to set it as the palette base color immediately.
- Supports PNG, JPEG and WebP up to 8 MB.
- Extraction runs locally in the browser via the canvas API — no image is transmitted anywhere.
How many colors are extracted?
Six, sorted by how much of the image each one covers. The extraction runs k-means clustering on downscaled pixel data and returns the average color of each cluster, so every result stands for a group of similar pixels rather than a single sampled pixel. You get fewer than six only when two clusters resolve to the same hex value.
How accurate is the extraction?
Accurate enough for design reference work. The clustering is deterministic — the starting centroids are taken from fixed positions in the sampled pixels — so the same image always produces the same colors. The image is downscaled before sampling, so a small detail can be averaged into a larger neighbouring area. For brand-critical color matching, always verify extracted values against official brand guidelines.
Is my image uploaded anywhere?
No. The file is read from a local object URL and drawn onto a canvas element entirely in your device's memory. No network request is made during extraction.