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.

Immagine 100% lato client

Image Color Palette Extractor

Estrai tavolozze di colori dominanti e codici esatti HEX, RGB e HSL da qualsiasi foto con la copia con un clic.

Caricamento zero

Non lascia mai il browser

Velocità istantanea

WASM accelerato

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

Flusso di lavoro semplice

Come utilizzare questo strumento

Ottieni risultati in tre rapidi passaggi senza alcuna curva di apprendimento.

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.

Hai bisogno di aiuto?

Domande frequenti

Tutto quello che devi sapere su questo strumento.

Esplora di più

Strumenti correlati

Visualizza tutto Immagine

Color Palette Generator

Genera all'istante bellissime tavolozze di colori casuali.

Generatori Sul dispositivo

Color Converter

Converti codici colore tra formati HEX, RGB e HSL.

SviluppatorePopolare Sul dispositivo

Photo Filters & Effects

Applica filtri in scala di grigi, seppia, inverti, vintage, luminosità e contrasto alle immagini.

ImmagineNuovo Sul dispositivo

Loading...

Preparing your tools and workspace. Please wait a moment.