Upload a photo to auto-extract a 2-5 color gradient matching its tone. Perfect for Instagram, landing pages, and presentations.

How to use

  1. Upload an image.
  2. Pick number of colors (2-5) and direction.
  3. Extracted gradient appears instantly.
  4. Copy CSS or download as PNG.

Use cases

  • Instagram-matching backgrounds
  • Landing page heroes
  • Presentation slide backgrounds
  • Brand color extraction

Algorithm: K-Means

K-Means clustering groups pixels in RGB space and returns cluster centers as representative colors. Each run starts from random centers, so results may vary slightly.

FAQ

Server upload?

No, fully client-side via Canvas API.

Why different results?

K-Means initial centers are random; refresh for variety.

Colors too similar?

Monotone images give similar colors. Try contrasting photos.

Commercial use?

Yes, free.