Color Palette Generator
Generate beautiful color palettes or extract colors from images. Press Space to generate.
Extract from Image
Drop an image here or click to upload
How to Generate Color Palettes
- Choose a harmony — pick a color relationship (analogous, complementary, etc.) or Random.
- Set color count — generate 3 to 10 colors per palette.
- Click Generate or press Space to create a new palette.
- Click any color to copy its hex code. Use "Copy CSS" for all variables.
- Extract from image — upload an image to pull its dominant colors.
Frequently Asked Questions
What color harmonies are available? ▼
Random (fully random), Analogous (neighboring hues), Complementary (opposite hues), Triadic (120° apart), Split-Complementary (two colors flanking the complement), and Monochromatic (single hue with varied saturation/lightness).
Can I extract colors from an image? ▼
Yes! Upload any image (JPG, PNG, WebP) and the tool analyzes pixels to find the dominant colors. It uses k-means clustering on a downsized canvas for speed.
How do I copy colors? ▼
Click any color swatch to copy its hex code. Click "Copy CSS" to copy all colors as CSS custom properties you can paste into your stylesheet.
Is there a keyboard shortcut? ▼
Yes, press the Spacebar to instantly generate a new palette without clicking.