Estrazione dei colori dall'immagine

Cos'è un estrattore di colori online?

L'estrattore di colori online è uno strumento gratuito che ti permette di prelevare colori da un'immagine, dallo schermo quando il browser lo supporta, oppure inserendoli manualmente. Il colore selezionato viene convertito immediatamente in formati comuni come HEX, RGB, HSL, HSV e CMYK, e vengono generati automaticamente colori armonici, tonalità chiare/scure, contrasto del testo e variabili CSS pronte da copiare.

Funzionalità principali

• Preleva da immagine: Dopo aver scelto un'immagine locale, passa il mouse per vedere l'anteprima del colore del pixel e clicca per selezionarlo.
• Regolazione fine dei pixel: Dopo aver selezionato un colore, usa i tasti freccia per spostarti con precisione sui pixel vicini.
• Palette dell'immagine: Viene estratto automaticamente un insieme di colori dominanti; clicca su uno per applicarlo.
• Preleva dallo schermo: Quando il browser lo supporta, usa il contagocce di sistema per prelevare qualsiasi colore dallo schermo.
• Inserimento manuale: Usa il selettore di colore o inserisci direttamente un valore HEX / HEXA, ad esempio #2563EB.
• Più formati colore: Conversione immediata in HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, CMYK e altro.
• Colori armonici: Genera palette complementari, analoghe, triadiche, a luce soffusa e a bassa saturazione.
• Tonalità chiare/scure: Crea tonalità pratiche dal chiaro allo scuro per sfondi, bordi, stati hover e componenti UI.
• Contrasto del testo: Confronta testo bianco e nero secondo WCAG e offre un riferimento percettivo in stile APCA.
• Variabili CSS: Copia con un clic il colore corrente, le varianti chiare/scure e le combinazioni UI consigliate.
• Elaborazione nel browser: Tutto avviene localmente nel tuo browser; le immagini non vengono mai caricate.

Come usare

1. Nella scheda «Immagine», scegli un'immagine locale, passa il mouse per vedere i colori in anteprima e clicca per selezionare.
2. Oppure nella scheda «Schermo», usa il contagocce di sistema per prelevare direttamente.
3. Puoi anche passare a «Manuale» e inserire un valore HEX o usare il selettore di colore.
4. Copia dal pannello destro il formato, i colori armonici, le tonalità o le variabili CSS di cui hai bisogno.