Vai al contenuto
snowkitDesign

Estrai una palette di colori da qualsiasi immagine

Scegli quanti colori vuoi ed esporta la palette per CSS, design token, GIMP o app Adobe.

Selettore di colore

Trascina qui un'immagine JPG, PNG, WebP, GIF o SVG. Puoi anche incollare uno screenshot con Ctrl+V.

Apri un'immagine, poi clicca ovunque su di essa per scegliere un colore

Una lente di ingrandimento rende facili da colpire i piccoli dettagli, e i colori principali dell'immagine vengono estratti come palette che puoi copiare o esportare. Trova il colore esatto di qualsiasi cosa in un'immagine, gratis e in privato.

Come scegliere un colore da un'immagine

  1. Premi Apri un'immagine.
  2. Muoviti sull'immagine e clicca o tocca per scegliere un colore. Usa Dimensione del campione per fare la media di 1 pixel, 3 × 3 o 5 × 5 pixel.
  3. Leggi il valore come HEX, RGB o HSL e premi Copia.
  4. Le tue scelte vengono raccolte sotto Le tue scelte.
  5. Scegli Colori principali o Distribuzione uniforme per una palette automatica, e imposta quanti Colori vuoi.
  6. Se la palette non è proprio giusta, blocca i colori che ti piacciono, rimuovi gli altri e premi Scegli di nuovo il resto. Aggiungi dall'immagine inserisce nella palette qualsiasi colore su cui clicchi.
  7. Sotto Esporta, scegli Palette, CSS, JSON, GIMP o Adobe, e premi Scarica la palette.

Colori esatti da qualsiasi immagine

Muoviti sull'immagine e la lente mostra i pixel sotto il tuo puntatore, ingranditi, con quello che sceglierai al centro. Clicca o tocca per sceglierlo. Su un telefono, trascina il dito e sollevalo sul colore che vuoi; la lente sta sopra il dito così vedi cosa c'è sotto. Con la tastiera, metti a fuoco l'immagine e usa i tasti freccia, tenendo premuto Maiusc per muoverti più in fretta, poi premi Invio.

Una palette in un passaggio

Colori principali raggruppa pixel simili ed elenca i colori che coprono di più l'immagine, il che va bene per foto e immagini del brand. Distribuzione uniforme divide l'intera gamma di colori in gruppi uguali, così i piccoli accenti come il segno di un logo o il colore di un pulsante hanno più probabilità di ricevere un campione tutto loro. Scegli quanti colori vuoi; ogni campione mostra quanta parte dell'immagine copre.

Pronto per i tuoi strumenti di design

Copia un singolo valore come HEX, RGB o HSL per il CSS, oppure esporta l'intera palette come proprietà personalizzate CSS, JSON per il codice e i design token, una palette GIMP che leggono anche Inkscape e Krita, o un file Adobe Swatch Exchange per Photoshop e Illustrator. Le immagini sono lette dal tuo browser e mai caricate.

Consigli per colori precisi

  • Usa una dimensione del campione più grande sulle foto, perché i singoli pixel possono contenere rumore.
  • Usa 1 pixel per loghi piatti, icone e screenshot, dove vuoi il valore esatto.
  • Ricorda che i colori di una foto dipendono dall'illuminazione e dalla fotocamera, quindi possono non corrispondere all'oggetto reale.
  • Usa il convertitore di colori per controllare il contrasto e passare da un formato all'altro.

Usi comuni

Abbinare un sito web o una presentazione a un logo, creare una palette di colori da una foto, scegliere i colori di vernici o tessuti e copiare il colore esatto da uno screenshot. Designer, studenti e titolari di piccole attività lo usano ogni giorno.

Domande

La mia immagine viene caricata?

No. Viene letta nel tuo browser.

Quali tipi di immagine funzionano?

Qualsiasi immagine che il browser può aprire, compresi PNG, JPG, WebP, GIF e SVG.

Quale formato di palette devo usare?

Usa CSS per i siti web, JSON per il codice, GIMP per i programmi di grafica gratuiti e Adobe per Photoshop e Illustrator.

Dove andare ora

Continua con ciò che hai appena creato, ancora sul tuo dispositivo.

Altro da Snowkit