How to create a color palette from a photo
- Upload a JPG, PNG or WebP image.
- Choose whether to extract 5, 8 or 10 representative colors.
- Select a color card to copy its HEX code, or click the image to sample a precise pixel.
- Export the full palette as CSS variables, JSON data or a PNG reference image.
How dominant colors are selected
The tool samples the image, groups nearby colors, and ranks the groups by frequency. This creates a practical overview rather than listing every tiny color variation. Highly detailed photos may contain several similar shades.
The first card is marked as the dominant color. For brand work, review the extracted palette and adjust colors for accessibility and consistency before publishing.
HEX, RGB and HSL
HEX is compact and common in CSS. RGB describes red, green and blue light values. HSL separates hue, saturation and lightness, making related shades easier to adjust.
Your image stays on your device: extraction and exports are produced by browser code and are not uploaded to this website.
Frequently asked questions
Can I generate a palette from a photograph?
Yes. Photos, illustrations and screenshots are supported in JPG, PNG and WebP formats.
Why are similar colors combined?
Nearby shades are grouped to produce a useful palette instead of thousands of nearly identical pixels.
Can I pick one exact color?
Yes. Click the displayed image to sample that pixel and copy its values.
Is my image uploaded?
No. Color analysis runs locally in your browser.
Which export should I use?
CSS is useful for websites, JSON for apps and workflows, and PNG for a visual reference.