Titolo

Selettore di colori

Trascinare, incollare (Ctrl+V) o fare clic per caricare

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Caricare una foto per scegliere i colori

Oppure provare un esempio:

Esempio 1
Esempio 2
Esempio 3
— Fare clic sull'immagine per scegliere il colore

Palette colori

Colori: 3

Selettore ed estrattore di colore – Strumento online gratuito

Il nostro estrattore di colore online gratuito consente di scegliere qualsiasi colore da una foto con un clic — nessun software da installare e nessun account richiesto. Caricare l'immagine, passare il mouse per ingrandire, fare clic su qualsiasi pixel per vedere immediatamente i suoi valori HEX, RGB, HSL e HSV, quindi generare una palette di colori completa a partire dal colore scelto. Scaricare i risultati in qualsiasi momento.

Come scegliere i colori da una foto

1
Caricare l'immagine

Trascinare una foto sul pannello, fare clic su Carica foto, oppure incollare con Ctrl + V. Supporta i formati JPEG, PNG, WebP, HEIC e GIF.

2
Fare clic per scegliere un colore

Passare il mouse sopra l'immagine per ingrandire con la lente, quindi fare clic in un punto qualsiasi per catturare il colore di quel pixel. I valori HEX, RGB, HSL e HSV appaiono immediatamente.

3
Copiare o generare una palette

Fare clic su qualsiasi campo di valore per copiarlo negli appunti, salvare i colori per dopo, oppure generare una palette di colori completa ed esportarla come variabili CSS o come striscia di campioni PNG.

Caratteristiche principali

  • Quattro formati di colore – visualizzare e copiare il colore scelto in HEX, RGB, HSL e HSV con un solo clic su qualsiasi campo di valore.
  • Lente d'ingrandimento precisa al pixel – una lente d'ingrandimento circolare segue il cursore, permettendo di individuare con precisione il pixel desiderato.
  • 8 tipi di palette – generare palette Analoga, Complementare, Triadica, Tetradica, Complementare divisa, Monocromatica, Sfumature o Tinte con 3–10 campioni.
  • Opzioni di esportazione – copiare tutti i codici HEX della palette in una sola volta, scaricare una striscia di campioni PNG, oppure esportare la palette come proprietà personalizzate CSS (:root variabili).
  • Colori salvati – salvare qualsiasi colore in un pannello personale dei colori salvati, memorizzato nel browser; cancellarli in qualsiasi momento.
  • Supporto HEIC – le foto iPhone in formato HEIC/HEIF vengono convertite automaticamente prima della selezione del colore.
  • Elaborazione interamente nel browser – le foto non vengono mai caricate su alcun server.
  • Gratuito e illimitato – nessuna registrazione, nessuna filigrana, nessun limite.

Cos'è un estrattore di colore?

Un estrattore di colore (o selettore di colore per immagini) è uno strumento che legge il colore esatto di qualsiasi pixel in una fotografia e lo converte in codici colore standard utilizzati nel design e nello sviluppo. Invece di stimare un colore a occhio o inserire manualmente i valori, è sufficiente fare clic sul punto desiderato e lo strumento esegue la conversione — dai valori RGB grezzi mostrati dallo schermo fino alle rappresentazioni HSL e HSV utilizzate nei flussi di lavoro di progettazione grafica.

Il generatore di palette di colori va oltre: una volta scelto un colore di base, applica la teoria del colore per produrre combinazioni cromatiche armoniose pronte da usare direttamente in CSS, Figma o in qualsiasi strumento di progettazione.

Usi comuni

  • Estrazione del colore del brand – estrarre i codici HEX esatti da un logo o da una foto del brand per usarli in modo coerente su un sito web o in un design system.
  • Design Web e UI – abbinare i colori a un'immagine di prodotto o a una foto hero per rendere il layout più coerente.
  • Generazione di palette – partire da un singolo colore chiave e creare uno schema complementare o analogo completo per un progetto.
  • Stampa e illustrazione – campionare foto di riferimento per trovare valori RGB accurati prima di mescolare i colori o configurare un profilo di stampa.
  • Temi CSS – esportare le variabili della palette direttamente in un :root blocco da inserire direttamente in un foglio di stile.

Domande frequenti

Sì, lo strumento è gratuito al 100% e senza limiti di utilizzo. Non è necessario creare un account né fornire informazioni di pagamento.
No. Tutta l'elaborazione avviene interamente all'interno del browser utilizzando l'API HTML5 Canvas. L'immagine non viene mai inviata ad alcun server, quindi la privacy è completamente protetta.
Lo strumento mostra il colore scelto in quattro formati contemporaneamente: HEX (ad es. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), e HSV (hsv(216, 73%, 84%)). Fare clic su qualsiasi campo per copiarlo istantaneamente.
Mentre il cursore si muove sopra l'immagine, una lente d'ingrandimento circolare appare vicino al cursore, mostrando una vista ingrandita dei pixel circostanti. In questo modo è facile individuare e selezionare con un clic il pixel esatto desiderato, specialmente in foto con dettagli fini o sottili transizioni di colore.
Fare clic su qualsiasi pixel dell'immagine per impostare un colore di base, quindi scorrere fino alla sezione Palette colori Scegliere un tipo di palette (Analoga, Complementare, Triadica, ecc.) e trascinare il cursore del numero per selezionare 3–10 campioni. La palette si aggiorna istantaneamente. Usare il pulsante Copia colori, Scarica PNG, o Esporta CSS per usare il risultato.
Esportare CSS copia un blocco :root { } contenente ogni colore della palette come proprietà personalizzata CSS (ad es. --color-1: #3a7bd5;). È possibile incollarlo direttamente nel foglio di stile e fare riferimento alle variabili in tutto il progetto.
Sì. I file HEIC e HEIF vengono convertiti automaticamente in JPEG nel browser prima che l'immagine venga visualizzata. Durante la conversione viene visualizzato un indicatore di caricamento e nessun file viene inviato ai nostri server.