Drop a photo and pull out its dominant colors. Copy HEX, CSS variables, Tailwind, or JSON — or grab a palette strip. Runs entirely in your browser; nothing is uploaded.
The extractor analyzes every pixel and groups them into clusters of similar tones, then picks the most representative shade from each cluster. This median-cut approach finds the colors that actually dominate the image rather than just sampling a few points, so the palette reflects what your eye perceives. Each swatch also shows its true share of the image, helping you tell a primary color from a minor accent.
Designers pull palettes from photographs to build cohesive brand colors, match a UI to a hero image, or generate themes that feel grounded in real imagery. Developers export straight to CSS variables or Tailwind config to drop the colors into a project. Artists use them to study how a favorite image is composed. Because the export covers several formats, the same palette moves cleanly from inspiration into actual code.
How many colors can I extract?
Anywhere from 3 to 16, depending on how detailed a palette you need.
What export formats are supported?
HEX, CSS custom properties, SCSS variables, JSON, and a Tailwind color config.
Is my image uploaded?
No. The analysis runs in your browser, so your image stays on your device.