How are dominant colors calculated?

The image is downsampled and analyzed in 3D color space. High-frequency colors with sufficient contrast from one another are selected to represent the visual aesthetic of the photo.

Can I use the exported CSS variables in my web projects?

Yes! The exported CSS snippet defines clean standard CSS variables that you can drop straight into your style sheets or Tailwind config.

Afbeelding 100% klantzijde

Image Color Palette Extractor

Extraheer dominante kleurenpaletten en exacte HEX-, RGB- en HSL-codes uit elke foto met kopiëren met één klik.

Nul uploaden

Verlaat nooit de browser

Onmiddellijke snelheid

WASM versneld

Drag & Drop your files here

or click to browse from your device

Extract 8 dominant, harmonious color swatches from any photo or design

Inspect HEX, RGB, and HSL values with one-click clipboard copying

Perceptual color distance clustering prevents duplicate or muddy shades

Export ready-to-use CSS Variables (--color-1, --color-2) or JSON palette

100% Client-side execution — fast, private, and works without servers

Eenvoudige workflow

Hoe u dit hulpmiddel kunt gebruiken

Behaal resultaten in drie snelle stappen, zonder enige leercurve.

Upload Image

Select or drag any JPEG, PNG, or WebP graphic into the dropzone.

Extract Palette

Our browser algorithm extracts the dominant colors and calculates proportions.

Copy or Export

Click on any HEX code to copy, or export the palette as CSS / JSON.

Hulp nodig?

Veelgestelde vragen

Alles wat u moet weten over dit hulpmiddel.

Ontdek meer

Gerelateerde hulpmiddelen

Bekijk alles Afbeelding

Color Palette Generator

Genereer direct prachtige, willekeurige kleurenpaletten.

Generatoren Op apparaat

Color Converter

Converteer kleurcodes tussen HEX-, RGB- en HSL-formaten.

OntwikkelaarPopulair Op apparaat

Photo Filters & Effects

Pas filters voor grijstinten, sepia, omkeren, vintage, helderheid en contrast toe op afbeeldingen.

AfbeeldingNieuw Op apparaat

Loading...

Preparing your tools and workspace. Please wait a moment.