Color palette extractor

Drop any image — get the dominant colors as a 3 / 5 / 8 / 12-swatch palette via k-means++. Each swatch comes with hex / rgb / hsl / oklch + the pixel share. Export as CSS vars, Tailwind @theme, SCSS, JSON, or plain hex. Runs entirely in your browser; the file never leaves your machine.

Pick an image

Click below, drop a file, or focus the page and press Enter.

Drop an image here, or click to pick one.

JPEG · PNG · WebP · HEIC · AVIF · GIF · BMP — max 50.00 MB

Nothing is uploaded. The image is decoded into a 200×200 thumbnail via canvas, then k-means++ runs over a stride-sampled pixel grid to find the 5 most representative colors.