Question 1

How are the colors extracted?

Accepted Answer

We sample thousands of pixels and run a k-means clustering pass right in your browser. That groups similar hues so you keep the dominant tones and discard noise.

Question 2

What do the sorting modes do?

Accepted Answer

Balanced orders swatches from dark to light for UI work, Vibrant prioritises saturation for brand accents, and Muted surfaces the softer supporting tones first.

Question 3

Can I use high-resolution photography?

Accepted Answer

Yes. We downsample under the hood so 4K photography still processes quickly. Transparent pixels are skipped so overlays and PNG assets extract cleanly.

Question 4

Will my images leave the browser?

Accepted Answer

Never. Everything runs client-side with the HTML canvas API. Refreshing the page clears the preview instantly.

Question 5

How should I use the weight percentage?

Accepted Answer

Weight tells you how much of the image each color covers. Lean on the top values for core brand colors and reserve the smaller percentages for accents or shadows.

Question 6

Can I export results into my design system?

Accepted Answer

Yes. Copy JSON for documentation, CSS variables for design tokens, or use the gradient string for hero overlays and skeleton loaders.

Palette from Image

Palette from image FAQs