Palette from Image
Upload any photo and extract its dominant colors. Copy as HEX, CSS variables, or Tailwind config.
Drop an image here
or click to browse — JPG, PNG, WebP, GIF
Frequently asked questions
How does color extraction work?
The tool uses a median cut algorithm entirely in your browser. It samples pixels from your image, groups similar colors together, and averages each group to produce clean, distinct palette colors. Nothing is sent to any server.
What image formats are supported?
JPEG, PNG, WebP, and GIF are all supported. Any image your browser can display will work.
How do I use the colors in my project?
Click any swatch to copy its value in your chosen format (HEX, RGB, or HSL). Use the CSS Variables button to copy a ready-to-paste :root block, or Tailwind Config to get an extend.colors snippet for your config file.
Can I download the palette?
Yes — click Download PNG to save a horizontal color strip of your palette as a PNG image, ready to use in design tools like Figma or Photoshop.