Image Color Palette Generator
Upload a photo, screenshot, or design mockup to extract a clean, ready-to-use color palette. PaletteTools groups similar shades together and surfaces the colors that actually represent the image, so you get a usable palette instead of dozens of near-duplicate swatches.
Drop an image here or choose a file
JPG, PNG, or WebP — up to 10 MB
Your image stays on your device. It is processed locally in your browser.
How to use the palette generator
- Drag an image onto the upload area, or click it to choose a file from your device.
- Wait a moment while PaletteTools samples the image — this usually takes well under a second.
- Choose how many colors you want (3 to 10) and how they're sorted.
- Click any swatch to copy its value, or use "Copy all colors" to grab the whole palette at once.
What the output means
Each swatch represents a cluster of visually similar pixels from your image, weighted by how much of the image they cover. The number under "Dominance" sorting reflects how much of the image each color occupies; switching to "Lightness" or "Hue" reorders the same colors along those scales instead. Every swatch can be displayed as HEX, RGB, or HSL using the "Show as" control.
Common use cases
Designers use extracted palettes to build a color scheme around a photo or brand image. Developers pull palettes into CSS custom properties for quick prototyping. Marketers and content creators use them to keep social graphics or presentations visually consistent with a source photo.
Your image is never uploaded — palette extraction runs entirely on your device using your browser's built-in Canvas API.
Frequently asked questions
How many colors can the palette include?
You can choose 3, 4, 5, 6, 8, or 10 colors. The default is 6.
Why does the palette have fewer colors than I selected?
If an image has fewer visually distinct colors than the size you chose — for example a mostly black-and-white photo — PaletteTools returns fewer, more meaningful swatches instead of padding the result with near-duplicate shades.
Is my image uploaded anywhere?
No. The image is decoded and read using the Canvas API directly in your browser. It is never sent to a server.
Can I export the palette?
Yes — download it as a PNG image, or copy it as CSS custom properties or JSON.