Color Palette Extractor — Generate Color Schemes from Images

Upload any photo or design to extract dominant colors, copy HEX & RGB codes, and export CSS variables.

Runs in your browser. Your files never leave your device. See how to check

…

How to do it

  1. 1
    Choose your settings

    Fill in the details or pick the options you need.

  2. 2
    See the result

    The preview updates right away as you change things.

  3. 3
    Download or save it

    Save the result to your device. Nothing is sent to or stored on a server.

About this tool

Extract harmonious 5, 6, or 8-color palettes from photos, logos, and artwork using smart color quantization. Click any color swatch to copy HEX, RGB, or HSL values, copy a ready-to-use CSS variables block, or download a high-resolution palette swatch card.

Tips for best results

Take a moment to read the options before you start, and try the tool with a small sample first. Everything runs in your browser on your own device, so nothing you type or add is uploaded, and closing the tab clears it. If something does not look right, reload the page and try again, or use the report link on this page to tell us what went wrong so we can fix it. If a result still looks wrong, change one value at a time to see which box matters most. Bookmark this page if you will need the tool again.

Quick facts

Frequently asked questions

How does the palette extractor work?

It samples the pixels of your image and groups similar shades using color quantization to find the most dominant tones.

Can I copy CSS variables for web development?

Yes, click 'Copy CSS Variables' to get a complete :root block ready to paste into your CSS stylesheet.

Can I export a palette swatch card image?

Yes, click 'Export Palette Card' to generate a downloadable high-resolution PNG swatch image for Figma or client presentations.

What image formats are supported?

PNG, JPG, JPEG, WebP, SVG, and AVIF images are all supported.

Completely freeNo cost, no sign-up
Files stay privateEverything runs in your browser
Easy in your languageAvailable in many languages