Color Palette Extractor reads an uploaded image locally and surfaces useful colors for design systems, thumbnails, brand checks, and visual cleanup. It helps you inspect images without sending them to a server.
Drop an image or click to browse
JPEG, PNG, WebP supported
Yes. The tool is free and runs directly in your browser with no account required.
No. The image is loaded and analyzed locally using the HTML canvas API. It is never uploaded to a server.
It downsamples the image, samples pixel colors, and groups similar colors together using a median cut algorithm — a standard color quantization technique. The 8 resulting colors are then sorted by how many pixels each one represents.
The tool resizes the image down to a maximum of 200px on its longest side before sampling, for performance. Median cut also averages similar pixels into representative colors rather than preserving every exact original pixel value.
8 colors by default, ranked from most to least dominant based on how many sampled pixels were closest to each color.
Yes — click 'Export as CSS vars' to copy all colors as CSS custom properties (e.g. --color-100: #3B82F6;) ready to paste into a :root stylesheet block.
Yes — pixels with low opacity (alpha below roughly 50%) are excluded from color sampling so transparent areas don't skew the palette toward a default background color.
