Palette Generator
Extract the dominant colors from any image as a usable palette.
Three steps
How to use it
-
1
Upload an image
Drag in any image file. Larger images are downsampled before analysis, which is faster and gives better results. Fine detail is noise for this purpose.
-
2
Choose how many colors
Five is a good default for a working palette. Push it higher to see secondary colors, lower to find the two or three that dominate.
-
3
Copy or export
Every swatch copies on click. Export gives you the whole palette as CSS custom properties, a Tailwind config fragment, or plain hex.
About this tool
Extraction works by quantisation: the image is reduced to a small grid of samples, those samples are clustered by perceptual distance, and the centre of each cluster becomes a palette color. Clustering in LAB rather than RGB is what stops the result being three near-identical beiges. LAB distance approximates how different two colors look, where RGB distance only measures how different the numbers are.
What comes out is a description of the image, not a design. A photograph's dominant colors are usually too close in lightness to use directly as an interface palette; treat the output as raw material and check the pairs you intend to use in the contrast checker.