Image Color Extractor
Drop or paste an image, pick a clustering method (k-means with k-means++ init in RGB / LAB / OKLab, median cut, quantize, or dominant-only), tune K, eyedropper a pixel, then export the palette as CSS variables, Tailwind config, JSON, SCSS, Coolors URL, or a PNG swatches image.
Drop an image here
PNG, JPG, WebP, SVG or GIF up to 12 MB. Or paste from your clipboard.
Try a sample:
Extraction settings
Algorithm
Colors: 8
Sample size
K-means color space
Min saturation: 0%
Skip near-white pixels
Skip near-black pixels
Extracted palette
Drop an image to get a palette
Choose an image above and we'll cluster its colors into a clean palette. Everything runs in your browser.