Drag & drop an image here
or click to browse · PNG, JPG, WebP, GIF
Upload an image, paste a URL, or generate random palettes. Copy hex, RGB, HSL, CSS variables, or Tailwind config — all in your browser.
No uploads to any server. 100% client-side. Free forever.
Drag & drop an image here
or click to browse · PNG, JPG, WebP, GIF
Curated color schemes for your next project
A color palette generator helps designers and creators extract or create harmonious color combinations. Upload an image to extract its dominant colors, or generate random palettes based on color theory principles like complementary, analogous, and triadic harmonies.
Drag and drop an image onto the upload area, click to select a file, or paste an image URL. The tool analyzes image pixels using k-means clustering to find the most dominant colors and displays them as a copyable palette.
No. All color extraction happens entirely in your browser using the HTML Canvas API. Your images never leave your device. There are no server uploads, no tracking of image content, and no external API calls.
You can copy individual colors as hex, RGB, or HSL. Use "Copy Palette" for all hex codes, "Copy as CSS" for CSS custom properties (--color-1, --color-2, etc.), or "Copy as Tailwind" for a Tailwind CSS config snippet.
The random generator creates palettes using complementary, analogous, triadic, split-complementary, and tetradic harmonies. It picks a random base hue and applies the harmony formula with varied saturation and lightness for natural-looking results.