Palette from image

Extract the dominant colors from an image. Pick k-means or median-cut, choose 2–16 swatches, then copy as CSS variables or JSON. Your image never leaves your browser.

Drop an image (PNG · JPG · WebP) or use the button below.

Colors · 6

Algorithm

k-meansMedian cut

Features

Extracts dominant colors with your choice of k-means or median-cut clustering.
Shows each swatch's coverage percentage across the image.
Exports straight to CSS custom properties, JSON or a PNG strip.

How it works

Drop a PNG, JPG or WebP image.
Pick k-means or median-cut and set 2 to 16 swatches.
Copy the palette as CSS variables or JSON, or download it as a PNG.

Your files never leave this page

Every conversion runs entirely in your browser using WebAssembly. There is no upload, no server-side processing, no analytics, and no cookies. Open DevTools → Network during the operation and you will see zero outbound traffic.

Related tools

Topics covered

extract color palette from image online
image to color palette free
dominant colors from image
color extractor from image no upload
kmeans color palette generator
image palette generator online