100% FREE · 100% PRIVATE · NO SIGN UP
Color Palette Intelligence
Extract dominant colors, explore color harmonies on an interactive wheel, preview website themes, and verify WCAG accessibility — all from your headshot.
Upload your photo
Drag & drop or click to select · JPG, PNG, WebP
🔒 Your photo never leaves your browser — all processing happens client-side
Powered By Color Science
k-means++ Clustering
Clustering algorithm finds true dominant colors, not just averages
5 Harmony Modes
Complementary, triadic, analogous, split-comp, tetradic
Live Theme Preview
See your colors in a real website mockup with CSS variables
WCAG Accessibility
Contrast ratio checking ensures your palette is readable
Frequently Asked Questions
We use k-means++ clustering to find dominant colors. It groups similar pixel colors and identifies cluster centers. We then generate color harmonies using color theory (complementary, triadic, analogous, split-complementary, and tetradic relationships). All processing happens in your browser.
No! All processing happens 100% in your browser using the Canvas API. Your photo never leaves your device.
Complementary (opposite on color wheel), Triadic (3 evenly spaced), Analogous (3 adjacent), Split-Complementary (base + 2 near-opposites), Tetradic (4 evenly spaced). Each creates a different visual feel for your brand palette.
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for readable text. We check your palette combinations: AAA (7:1 ratio, excellent), AA (4.5:1, good), AA Large (3:1, OK for headlines).
Yes! Use the cluster count slider to extract between 3 and 12 dominant colors from your photo. More clusters reveal more subtle color variations.
Try our other free tools: Headshot Analyzer · Virtual Photo Studio · Face Symmetry