Fast for interfaces
Compact values commonly used in CSS, design tools and brand guidelines.
Drop an image to discover its colors
or click this area to browse your device
Choose an imageJPG, PNG, WebP or AVIF · Up to 25 MB / 50 megapixelsAdjust the options, then extract your palette.
From pixels to a system
Use extracted colors with confidence
A dominant palette is a starting point, not an automatic accessibility guarantee. Each swatch shows whether black or white text gives stronger contrast, while exports keep color values consistent across design and development.
Direct screen color
Useful when adjusting channel values or working with digital effects.
Easy to tune
Change hue, saturation and lightness in a more human-readable way.
How to create an image palette
Add an image
Choose a supported photo or graphic.
Set palette size
Select between 3 and 16 representative colors.
Extract
Analyze visible pixels locally on your device.
Copy or export
Use individual values, CSS, JSON or SVG.
Frequently asked questions
Why might two colors look similar?
Photos often contain smooth gradients and related shades. The extractor filters very close clusters, but a detailed image can still produce a nuanced palette.
Are transparent pixels included?
Fully and mostly transparent pixels are ignored so invisible areas do not distort the result.
Does the palette contain every image color?
No. It summarizes thousands or millions of pixels into a small group of representative dominant colors.
Can I use these colors for accessible text?
Use the suggested black-or-white foreground as a quick guide, then test complete component states against WCAG requirements.