Palette extractor

Upload any image to extract its dominant colors using perceptual k-means clustering. See the percentage each color covers, then copy the palette as HEX codes, CSS variables or JSON.

No uploads · Everything runs in this browser

6

Palette

Click a color to copy its HEX code.

    FAQ

    How are the colors chosen?

    Pixels are grouped with k-means clustering in the OKLab color space, which matches how people perceive color differences. Transparent pixels are ignored.

    Is my image uploaded?

    No. The image is analyzed inside this browser and never leaves your device.

    How many colors can I extract?

    From 2 to 16. Use the slider to choose. More colors give a more detailed palette but may include very similar shades.

    In what formats can I copy the palette?

    HEX list (one color per line), CSS custom properties (--color-1: #hex; …) and JSON array. Click any color swatch to copy its HEX code directly.

    What image formats are supported?

    PNG, JPG, WebP and GIF up to 30 MB. SVG and AVIF are not supported.

    Send feedback

    Report a problem or suggest a feature.

    Add this only if you would like a reply.