Color Palette Generator
Drop an image, extract its dominant colors. Canvas pixel sampling with color quantization.
Drop an image or click to upload
PNG, JPG, GIF, WebP
How it works
- •Canvas pixel sampling – the image is drawn to an offscreen canvas at reduced resolution for fast processing.
- •Color quantization – pixels are bucketed into quantized groups, then ranked by frequency, darkness, and saturation to find dominant clusters.
- •Click to copy – tap any swatch to copy its hex value to your clipboard.
- •Entirely in-browser – no server processing, no uploads. Your images never leave your device.
Frequently asked questions
How does this image color palette generator work?
The tool draws your image to an offscreen canvas, samples the pixels at reduced resolution, groups similar colors into buckets, and ranks them to surface the most useful dominant swatches.
Does the image upload to a server?
No. The extraction runs entirely in the browser, so your image stays on your device and nothing is sent to a backend.
What makes a color dominant?
Dominant colors are the clusters that appear most often in the image after quantization. This tool also biases toward darker and more saturated colors so the final palette is more usable for design work than a raw frequency count.
More tools
LCH Color Tool
Shift lightness and chroma of any color in perceptually uniform LCH space. Paste hex codes, tweak with sliders, click to copy.
Spring Visualizer
Interactive spring physics tuner for Framer Motion. Adjust stiffness, damping, and mass with a live displacement curve and animation preview.