Extract a color harmony from an image
Import a photo or illustration: the tool detects its dominant color and then automatically generates complementary, analogous and triadic suggestions ready to use in a matching design.
How it works
The tool first extracts the most frequent colors from the image (via a color histogram), then converts the dominant hue to HSL to apply the classic color wheel rules: the complementary at 180°, the analogous at ±30°, and the two triadic hues at ±120°, all calculated with the same saturation and lightness as the original color.
Why use a harmony based on my image's dominant color?
If you're creating a website, presentation or visual around a photo, choosing accent colors in direct relation to the hues in that photo (rather than at random) gives a visually more coherent result, without having to do that spot-check work manually.
What if the dominant color detected isn't the one I expected?
Extraction is based on color frequency across the entire image: a large background area can dominate a foreground color that's actually more important visually. Crop the image to the area you care about before importing if you want to base the harmony on a specific color of the subject rather than the background.
100% local processing: palette extraction and color calculations run entirely in your browser — your image is never sent to a server.