1. Add one image
Select a local image or drag it onto the page. A browser preview confirms the file you chose.
Drop in a photo, illustration or screenshot and turn its dominant colors into reusable hex values. Copy one color or export the complete palette as CSS, JSON or a simple list.
Your image stays in this browser and is never uploaded.
Choose one image up to 20 MB. Adjust the palette size after extraction without uploading the file again.
Choose text and background colors, then open the contrast checker with both values filled in.
Select a local image or drag it onto the page. A browser preview confirms the file you chose.
The tool downsizes a private canvas copy, groups nearby RGB values and ranks the most common distinct colors.
Copy individual hex values, copy the full palette as CSS or JSON, or download a reusable JSON file.
No. File decoding, pixel sampling and palette export happen locally in your browser.
The extractor balances frequency and visual separation. A larger palette can include less common shades that were previously too similar to a dominant color.
Yes. Select CSS variables in the export menu to produce named custom properties ready to paste into a stylesheet.
Before using a pair in your interface, verify its readability with the Color Contrast Checker. Working with screenshots? Try Long Screenshot Maker.