Selettore colori da immagine ed estrattore di palette

Carica un'immagine, clicca in un punto qualsiasi per prendere il colore esatto sotto il cursore e copia il valore HEX, RGB o HSL. Lo strumento estrae anche in automatico una palette dei colori principali. L'immagine viene letta direttamente dal canvas nel tuo browser e non viene mai inviata da nessuna parte.

Trascina qui un'immagine o clicca per scegliere un file

Supporta JPG, PNG, WebP e GIF. I file restano sul tuo dispositivo.

Clicca sull'immagine per prendere un colore. Muovi il cursore per vedere l'anteprima prima di cliccare.

Colore selezionato

Palette

I colori vengono letti direttamente dai pixel dell'immagine dal tuo browser con la Canvas API. L'immagine non viene mai caricata su un server.

Prendi i colori esatti da qualsiasi immagine

Designer e sviluppatori hanno sempre bisogno del colore preciso di un pixel: il blu di un logo, lo sfondo di uno screenshot, il colore di accento di una foto. Questo selettore colori da immagine trasforma la tua immagine in un canvas cliccabile, mostra il valore sotto il cursore in tre formati comuni e ti permette di copiarne uno con un solo clic. Oltre al selettore, analizza tutta l'immagine e crea una palette dei colori più frequenti, così puoi prendere uno schema di colori già pronto da un'immagine di riferimento.

Usalo per abbinare i colori di un brand, ricreare un tema da uno screenshot, campionare i toni di una foto per un progetto grafico o estrarre uno schema di colori da un'opera.

Come prendere un colore

  1. Apri un'immagine. Trascina o scegli un'immagine: comparirà sul canvas.
  2. Clicca su un pixel. Clicca in un punto qualsiasi dell'immagine per prendere il colore in quel punto.
  3. Copia il codice. Copia il valore HEX, RGB o HSL, oppure clicca su un colore della palette per copiarne il codice HEX.

Tre formati di colore

Ogni colore viene mostrato in HEX per CSS e programmi di grafica, in RGB per il codice e in HSL per regolare tonalità, saturazione e luminosità. Copia quello che serve al tuo progetto.

Palette automatica

Lo strumento campiona l'immagine e raggruppa i toni simili per far emergere i colori dominanti, così ottieni subito una palette da usare per un design coerente.

Legge i pixel in locale

L'immagine viene disegnata su un canvas nel tuo browser e i colori vengono letti da lì. Non viene caricato nulla, quindi mockup e screenshot privati restano sul tuo computer.

Perché usarlo

  • Copia con un clic: prendi HEX, RGB o HSL all'istante.
  • Palette in pochi secondi: i colori principali di qualsiasi immagine, pronti da riusare.
  • Senza caricamento: i pixel vengono letti nel tuo browser e restano privati.
  • Gratis: nessun account e nessuna filigrana.
  • Su ogni dispositivo: funziona con un clic sul computer o un tocco sul telefono.

Usi comuni del selettore colori

Il motivo più frequente per aprire questo strumento è trovare il codice hex di un colore che vedi in una foto o in uno screenshot. Carica un logo e clicca sul simbolo per leggere il colore esatto del brand, oppure clicca sullo sfondo di uno screenshot per abbinare il colore di un sito a un'immagine su cui stai lavorando. Ogni clic ti dà il valore in tre formati insieme: un codice HEX come #1A73E8 da incollare in CSS o in un programma di grafica, una stringa RGB come rgb(26, 115, 232) per il codice e una stringa HSL per regolare tonalità, saturazione e luminosità. Accanto a ciascuno c'è un pulsante per copiarlo, quindi trovare il valore RGB di un singolo pixel richiede solo un clic e una copia.

È anche un modo rapido per creare una palette da un'immagine. Quando l'immagine si carica, lo strumento legge i pixel e mostra fino a otto dei colori più frequenti come campioni, ciascuno con il suo codice HEX sotto. Clicca su un campione per caricare quel colore nel riquadro principale, oppure clicca sul codice per copiarlo negli appunti. Così è facile estrarre uno schema di colori da un'opera, una foto o una moodboard, o prendere una serie di toni abbinati da un'immagine di riferimento senza andare a occhio.

Domande frequenti

Apri l'immagine e clicca sul punto che ti interessa. Il colore di quel pixel compare in HEX, RGB e HSL, ciascuno con un pulsante per copiarlo.

Sì. Appena l'immagine si carica, lo strumento la analizza e mostra una palette dei colori più frequenti. Clicca su un campione per copiarne il valore HEX.

No. L'immagine viene disegnata su un canvas nel tuo browser e i valori dei colori vengono letti da lì. Il file non viene mai inviato a un server.

Sono tre modi di scrivere lo stesso colore. HEX è comune in CSS, RGB indica i valori di rosso, verde e blu, e HSL descrive tonalità, saturazione e luminosità, utile per regolare le sfumature.

Sì. Tocca l'immagine per campionare un colore. Lo strumento funziona nei browser mobili senza nessuna app.

Legge il valore esatto del pixel dai dati dell'immagine, quindi il colore viene preso direttamente dalla sorgente e non stimato.

Sì. Puoi campionare qualsiasi pixel visibile. Le aree completamente trasparenti non restituiscono un colore perché lì non c'è nulla da leggere.

Sì, è completamente gratis, non serve un account e non aggiunge nulla alla tua immagine.

Carica l'immagine e clicca sul punto che vuoi. Il campo HEX mostra il codice di quel pixel, per esempio #1A73E8, e il pulsante Copia accanto lo mette negli appunti, pronto da incollare in CSS o in un programma di grafica.

Clicca sul pixel nell'immagine e leggi il campo RGB, che mostra il colore come rgb(rosso, verde, blu), per esempio rgb(26, 115, 232). Usa il suo pulsante Copia per prendere il valore. Lo stesso colore viene mostrato anche in HEX e HSL.

Apri l'immagine del logo e clicca direttamente sulla parte colorata del simbolo. Il colore selezionato compare in HEX, RGB e HSL con i pulsanti per copiarlo, così ottieni il colore esatto del brand. La palette automatica accanto mostra anche i colori principali del logo come campioni da copiare.

Sì. L'immagine viene disegnata su un canvas nel tuo browser e i colori vengono letti dai pixel lì stesso. Nulla viene inviato a un server, quindi il file non lascia mai il tuo dispositivo.

Strumenti correlati