Tavolozza da immagine

Estrai i colori principali da una foto e copiali come HEX, CSS o Tailwind
  • I file non lasciano il dispositivo
  • Funziona nel browser
  • Gratis, senza account, senza filigrana

Drop an image here, or click to choose

Accetta JPG, PNG, WebP, GIF, HEIC, AVIF · Puoi anche incollare con Ctrl+V / ⌘V

Come usare Tavolozza da immagine

Estrai i colori principali da una foto o da uno screenshot, da 3 a 16, ognuno con la sua quota dell'immagine. Sceglie anche ruoli di campione in stile Android (vivace e attenuato, chiaro e scuro) ed esporta in CSS, Tailwind, JSON, GIMP .gpl o Adobe .ase.

  1. 1

    Trascina un'immagine (JPG, PNG, WebP, GIF, HEIC o AVIF) oppure fai clic per sceglierne una.

  2. 2

    Sposta il cursore Colori per scegliere da 3 a 16 colori e Ordina per Prominenza, Tinta o Luminosità.

  3. 3

    Passa su un campione o sull'immagine per vedere dove compare ogni colore e fai clic su un campione per copiarne l'HEX.

  4. 4

    Sotto Esporta, scegli HEX, CSS, Tailwind o JSON e copia il codice, oppure scarica GIMP / Inkscape (.gpl) o Adobe (.ase).

Domande frequenti

La mia immagine viene caricata?

No. L'immagine viene decodificata e analizzata nel browser e non lascia il dispositivo.

Come vengono scelti i colori?

Lo strumento esegue un clustering k-means pesato in OKLab su una copia dell'immagine ridotta al massimo a 256 px, così ogni colore rappresenta un'area e non un singolo pixel. Per un pixel esatto, usa il Selettore colore da immagine.

Perché un ruolo di campione dice Nessuno?

I ruoli vengono scelti tra 16 colori candidati come fa la Palette API di Android. Se nessun candidato va bene, per esempio un colore vivace in una foto grigia, il ruolo resta vuoto.

Le aree trasparenti vengono contate?

No. I pixel trasparenti vengono ignorati, quindi un logo su sfondo trasparente dà solo i colori del logo.

Posso usare la tavolozza in Photoshop o GIMP?

Sì. Scarica Adobe (.ase) per caricarla come campioni nelle app Adobe, oppure GIMP / Inkscape (.gpl) per GIMP e Inkscape.