Color Palette Generator

Drop an image here or click to browse

Supports PNG, JPG, WebP, GIF, SVG

6
212

Your extracted palette will appear here

Extract Brand Colors Instantly

Our Color Palette Generator uses a browser-native median cut algorithm to intelligently sample dominant hues from any photo. No server uploads, no API keys — everything runs locally in your browser for instant, private results.

🎨 Three Formats

Copy colors as HEX, RGB, or HSL with a single click — ready for any design tool or codebase.

⚡ CSS & Tailwind Export

Generate production-ready CSS custom properties or a Tailwind colors config block in one click.

🖼️ PNG Swatch Export

Download a clean swatch sheet PNG to share palette approvals with clients or your design team.

How Median Cut Works

The tool samples one pixel every 16 bytes (skipping transparent, near-black, and near-white pixels), then recursively splits the color space along its widest channel — red, green, or blue — until it reaches the desired number of buckets. The average of each bucket becomes one swatch color. This produces perceptually distinct, representative palette colors without any external library.

Love this tool? 🎉

Share it with your friends and colleagues!