Trova colore da immagine · HEX · RGB · HSL
Color Finder — trova qualsiasi colore
in qualsiasi immagine.
Usalo come selettore di colori da immagine o come cerca-codici hex: trascina un’immagine, preleva qualsiasi pixel con una lente d’ingrandimento e copia i codici HEX, RGB e HSL esatti. Estrai l’intera palette, trova i colori complementari, verifica il contrasto ed esporta codice pronto per la produzione — tutto nel tuo browser.
Il selettore
Preleva colori da un’immagine
Fai clic su qualsiasi pixel per leggerne il colore esatto. Usa la lente per la massima precisione oppure avvia il contagocce di sistema.
Colori dell’immagine
Dal più → al meno dominanteIl kit di strumenti
Tutto ciò che serve per lavorare con il colore
Una suite completa e privata per il colore: preleva dalle immagini, estrai palette, converti formati, verifica l’accessibilità e crea gradienti.
Selettore colori da immagine
Carica, incolla o collega un’immagine, poi preleva qualsiasi pixel con una lente d’ingrandimento. Ogni formato, un clic per copiare.
Generatore di palette
Estrai la palette dominante da qualsiasi immagine con percentuali di copertura ed esportala in CSS, Tailwind o JSON.
Convertitore di colori
Converti tra HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB con anteprime dal vivo e valori copiabili.
Verifica contrasto
Verifica il contrasto WCAG AA e AAA con suggerimenti automatici, più un simulatore di daltonismo.
Creatore di gradienti
Componi gradienti CSS lineari, radiali e conici dalla tua palette ed esporta codice pulito e copiabile.
Colori con nome
Esplora migliaia di colori con nome per famiglia e luminosità, con codici pronti da copiare.
Perché è migliore
Pensato per chi il colore lo usa davvero
Lente perfetta al pixel
Una lente segue il cursore mostrando il pixel esatto con una lettura HEX dal vivo, così non dovrai più indovinare un colore.
Estrazione reale della palette
La quantizzazione median-cut individua i veri colori dominanti con percentuali di copertura — non un set fisso di campioni.
Esporta ovunque
Copia variabili CSS, un @theme di Tailwind, SCSS, JSON, un foglio SVG o un PNG — con un solo clic.
Accessibilità integrata
Ogni colore mostra il suo contrasto WCAG su bianco e nero, con un verificatore completo e un simulatore di daltonismo.
Tutti i formati
HEX, RGB, HSL, HSV, CMYK e i moderni OKLCH e LAB — tutti convertiti all’istante e pronti da copiare.
Privato per design
Le tue immagini vengono elaborate interamente nel browser con la Canvas API. Nulla viene mai caricato.
Come funziona
Tre passi dall’immagine al codice
Nessun account, nessun limite, nessuna filigrana. Carica un’immagine e in pochi secondi avrai il tuo colore.
- 01
Aggiungi la tua immagine
Trascina un file, incolla dagli appunti oppure incolla l’URL di un’immagine. Nulla lascia il tuo dispositivo.
- 02
Preleva o estrai
Fai clic sui pixel con la lente, usa il contagocce di sistema oppure estrai automaticamente la palette dominante.
- 03
Copia o esporta
Prendi qualsiasi formato oppure esporta l’intera palette come CSS, Tailwind, SCSS, JSON, SVG o PNG.
Guida a Color Finder
Color finder online gratuito — preleva, estrai e copia qualsiasi colore
AI Color Finder è un color finder online gratuito che trasforma qualsiasi immagine in colori accurati e pronti da copiare. Carica una foto, uno screenshot o un mockup di design, fai clic sul pixel esatto che desideri e lo strumento restituisce all’istante il suo codice in HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB. Non serve registrarsi, non c’è alcun caricamento di file e nessuna filigrana — ogni calcolo avviene all’interno del tuo browser, così le tue immagini non lasciano mai il tuo dispositivo. Che tu abbia bisogno di un rapido hex color picker o di un’intera palette estratta da uno screenshot, è tutto qui, in un unico posto, ed è completamente gratuito.
Che cos’è un color finder?
Un color finder è qualsiasi strumento che identifica il colore esatto di un punto sullo schermo o all’interno di un’immagine e lo esprime come codice riutilizzabile. Invece di indovinare quale tonalità di blu si nasconde dietro un pulsante, la campioni e ne leggi il valore preciso. Un buon color finder fa tre cose: seleziona il pixel corretto, converte quel pixel nei formati colore più comuni e ti offre l’accesso con un clic al codice, così puoi inserirlo direttamente in CSS, Figma, Tailwind o in una specifica di design. AI Color Finder fa tutte e tre le cose e vi aggiunge l’estrazione della palette, la verifica del contrasto e la creazione di gradienti.
Selettore colori da immagine — come funziona il prelievo
Il color picker è il cuore dello strumento. Carica un file, incolla dagli appunti, trascina un’immagine sull’area di lavoro oppure incolla l’URL di un’immagine: verrà caricata direttamente su un canvas HTML. Passa il mouse ovunque e una lente d’ingrandimento seguirà il cursore, mostrando il pixel sottostante ingrandito 9× con una lettura HEX dal vivo — così non leggerai mai male un bordo sfumato. Fai clic per bloccare il colore e la barra laterale si riempie di tutti i formati contemporaneamente. Se il browser supporta la EyeDropper API nativa, un pulsante contagocce campiona i colori da qualsiasi punto dello schermo, anche fuori dalla pagina. Come image color picker, image color finder e color finder from image, legge PNG, JPG, WebP, GIF e SVG con la stessa facilità.
Selettore di colori HEX e hex code color finder
La maggior parte dei designer vive nell’HEX, perciò il hex color picker è in primo piano. Ogni pixel selezionato viene mostrato come codice HEX a sei cifre, ad esempio #0070F3, e puoi copiarlo con un solo clic. Come hex color finder e hex code color finder, lo strumento legge anche l’input HEX: incolla un valore come #ff0080 e lo scompone in RGB, HSL e il resto. Poiché l’HEX è solo un modo più breve di scrivere rosso, verde e blu — ogni coppia di cifre va da 00 a FF — la conversione tra HEX e RGB è istantanea e senza perdite, e lo strumento non arrotonda mai il tuo colore.
RGB color finder e color code finder
L’rgb color finder mostra lo stesso colore come canali rosso, verde e blu su una scala 0–255, esattamente ciò che serve quando scrivi codice anziché progettare in un’interfaccia. Oltre a RGB ottieni HSL, HSV, CMYK, OKLCH e LAB, così lo strumento funziona come un completo color code finder per la stampa, il web, l’accessibilità e il CSS moderno. OKLCH e LAB sono percettivamente uniformi, il che li rende ideali per creare tinte, sfumature e temi coerenti. Ogni valore si aggiorna nell’istante in cui muovi il cursore e ciascuno ha il proprio pulsante di copia, così puoi prendere il formato che serve al tuo progetto senza alcun calcolo manuale.
Ricerca del colore complementare
Scegliere un singolo colore è solo metà del lavoro; l’altra metà è trovare colori che gli si abbinino. Il complementary color finder ti aiuta a costruire armonie attorno a qualsiasi colore prelevato — il suo complementare sul lato opposto della ruota dei colori, più tonalità analoghe e altre sfumature correlate. Abbinalo al verificatore di contrasto per confermare che testo e sfondo rispettino WCAG AA o AAA, e al generatore di palette per espandere un solo colore in uno schema completo ed equilibrato. In pratica puoi campionare un colore di brand da un logo, trovarne il complementare, verificare il contrasto ed esportare l’intero set come variabili CSS in meno di un minuto.
Pantone color finder e colori con nome
A volte hai bisogno che un colore abbia un nome. Lo strumento abbina ogni colore prelevato al colore CSS con nome più vicino e gli assegna un nome descrittivo e leggibile basato su tonalità, luminosità e saturazione — utile quando vuoi parlare di “Deep Cobalt” invece che di #1E3A8A. Se stai cercando un pantone color finder, la nostra libreria di colori con nome è un modo aperto e senza pressioni per esplorare migliaia di campioni per famiglia e luminosità e copiare il codice più vicino. Non è un sostituto ufficiale di Pantone, ma è un riferimento rapido e gratuito per trovare e condividere colori riconoscibili.
Estrai la palette da qualsiasi immagine
Oltre a un singolo pixel, l’image color finder può leggere un’intera immagine in una volta. Il generatore di palette integrato esegue la quantizzazione median-cut su ogni pixel per far emergere i veri colori dominanti, mostrando quanto dell’immagine ciascuno ricopre invece di un set fisso di ipotesi. Da lì puoi esportare la palette come custom properties CSS, un tema Tailwind v4, variabili SCSS, JSON, un foglio di campioni SVG o un PNG. Fotografia, scatti di prodotto, screenshot e mood board si trasformano tutti in sistemi di colore pronti all’uso in un paio di clic.
Perché usare AI Color Finder?
- Gratis e illimitato — ogni strumento è aperto, senza account, email o carta di credito.
- Privato per design — le immagini vengono elaborate con la Canvas API e non sono mai caricate o archiviate su un server.
- Perfetto al pixel — la lente d’ingrandimento e il contagocce di sistema ti assicurano di campionare il colore esatto che intendi.
- Tutti i formati — HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB sono convertiti all’istante e pronti da copiare.
- Funziona offline — una volta caricata la pagina, il selettore continua a funzionare senza alcuna connessione.
Che tu sia arrivato cercando un color picker, un hex color finder, un image color picker o un completo color finder from image, tutto vive in questa unica pagina. Carica un’immagine, preleva un colore e copia il codice — nessun account, nessun costo, nessun caricamento. Metti tra i preferiti il color finder e tienilo accanto al tuo editor.
FAQ
Domande frequenti
Come faccio a prelevare un colore da un’immagine?
Trascina un’immagine sul selettore, incollala dagli appunti oppure incolla l’URL di un’immagine. Fai clic o trascina ovunque sull’immagine e una lente d’ingrandimento mostra il pixel esatto sotto il cursore con il suo valore HEX dal vivo. Rilascia per salvare il colore.
Che cos’è un codice colore HEX?
Un codice HEX è un numero esadecimale a sei cifre che memorizza i canali rosso, verde e blu dopo un # iniziale (ad esempio #0070F3). Ogni coppia di cifre va da 00 (nessuno) a FF (pieno), coprendo gli stessi 16,7 milioni di colori dell’RGB con una notazione più breve.
La mia immagine viene caricata su un server?
No. Tutto avviene nel tuo browser usando la Canvas API di HTML. La tua immagine non lascia mai il tuo dispositivo, quindi resta privata e lo strumento funziona anche offline una volta caricato.
Quali formati colore sono supportati?
Ogni colore prelevato o estratto viene mostrato in HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB. Puoi copiarne qualsiasi singolarmente oppure esportare un’intera palette in una volta.
Posso estrarre l’intera palette di colori di un’immagine?
Sì. Il Generatore di palette esegue una quantizzazione median-cut sull’immagine per trovare i colori dominanti, mostra quanto dell’immagine copre ciascun colore e ti permette di esportare la palette come variabili CSS, un tema Tailwind, SCSS, JSON, SVG o un foglio di campioni PNG.
AI Color Finder è gratuito?
Sì, ogni strumento è gratuito e non richiede account, email o carta di credito. Non ci sono annunci inseriti negli strumenti né limiti di utilizzo.
Come si usa Color Finder?
Carica un’immagine nel selettore trascinandovi un file, incollando dagli appunti, scegliendo un file oppure incollando l’URL di un’immagine, poi muovi il cursore sull’immagine. Una lente d’ingrandimento segue il puntatore e mostra il pixel esatto sottostante con il suo valore HEX dal vivo. Fai clic su un pixel per bloccare il colore e la barra laterale si riempie con i valori HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB, ciascuno con un pulsante di copia con un clic.
Come usare il true color finder
Un true color finder riporta il colore effettivamente memorizzato in un’immagine e non un’approssimazione. AI Color Finder legge i dati grezzi dei pixel direttamente dal canvas HTML, quindi i valori HEX e RGB che restituisce sono gli esatti valori a 8 bit presenti nel file, senza stime e senza compressione lato server. Campiona un’area uniforme con la lente per evitare i bordi sfumati e otterrai sempre il colore reale.
Come cambiare il colore di sfondo del finder
Lo sfondo del selettore segue il tema della pagina. Usa l’interruttore del tema nella barra di navigazione in alto per passare da chiaro a scuro, cambiando la superficie dietro l’anteprima dell’immagine. Per cambiare lo sfondo di un design o di una palette che stai creando, copia il valore HEX o RGB di qualsiasi colore e applicalo nel tuo CSS, Figma o Tailwind come sfondo.
Qual è il miglior selettore di colori online?
Il miglior selettore di colori online è veloce, accurato e privato. AI Color Finder è un selettore di colori gratuito basato su browser che campiona i pixel di qualsiasi immagine caricata con una lente d’ingrandimento 9x, supporta l’EyeDropper di sistema e converte in HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB senza mai caricare le tue immagini. Estrae anche palette complete, verifica il contrasto WCAG e crea gradienti, così non ti servono diversi strumenti separati.
Come usare il selettore di colori
Apri il selettore di colori, aggiungi un’immagine e passa il mouse sull’area che vuoi campionare. La lente mostra il pixel sotto il cursore e il suo codice dal vivo, e con un clic lo selezioni. Ogni formato appare nella barra laterale con un pulsante di copia e puoi fissare i preferiti in una palette oppure usare il contagocce per prelevare colori da qualsiasi punto dello schermo.
L’AI può identificare il colore?
Sì. AI Color Finder identifica i colori automaticamente leggendo i dati grezzi dei pixel di un’immagine e analizzando l’intero file per trovarne i colori dominanti. Riporta valori esatti come HEX e RGB per qualsiasi pixel tu indichi e il suo motore per le palette usa la quantizzazione del colore per far emergere i colori più rappresentativi di una foto, di uno screenshot o di un logo, tutto all’istante e senza caricamenti.
Come faccio a identificare un colore?
Per identificare un colore, campiona il pixel e leggi il suo codice. Carica o incolla un’immagine nel color finder, sposta la lente sul punto esatto e fai clic per vederne i valori HEX, RGB, HSL e altri. Se il colore è sullo schermo, usa il contagocce per prelevarlo direttamente. Per un’intera immagine, apri il generatore di palette per identificare subito i colori dominanti.
Come posso trovare i colori da un’immagine?
Trascina l’immagine sul color finder e fai clic sui singoli pixel per leggerne i codici esatti oppure apri il generatore di palette per estrarre automaticamente i colori dominanti. La vista della palette mostra quanto dell’immagine copre ciascun colore e ti permette di esportare il set come CSS, Tailwind, SCSS, JSON, SVG o PNG.
Qual è la migliore app per rilevare i colori?
Il miglior rilevatore di colori è quello che funziona ovunque senza installare nulla. AI Color Finder funziona nel tuo browser su desktop e mobile, rileva i colori dalle immagini e dallo schermo tramite la EyeDropper API ed è completamente gratuito e senza registrazione. Poiché tutta l’elaborazione avviene sul tuo dispositivo, è anche l’opzione più privata.
Come si rilevano i colori?
I colori vengono rilevati leggendo i valori rosso, verde e blu dei singoli pixel nelle immagini digitali. Un color finder carica l’immagine in un canvas, campiona il pixel sotto il cursore e converte quei valori RGB in HEX, HSL e altri formati. Gli strumenti per le palette vanno oltre e analizzano ogni pixel per raggruppare tonalità simili nei colori dominanti dell’immagine.
Come prelevare il colore da un’immagine?
Carica o incolla la tua immagine nel selettore di colori, poi fai clic sul pixel esatto che desideri. La lente d’ingrandimento zooma per permetterti di centrare il punto giusto e, nel momento in cui fai clic, i suoi valori HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB appaiono pronti da copiare.
Di che colore è 999999?
#999999 è un grigio medio composto da valori uguali di rosso, verde e blu pari a 153 ciascuno. In HSL è un grigio neutro con saturazione 0% e una luminosità di circa il 60%. È una scelta comune per testi attenuati, bordi e stati disabilitati, e su bianco raggiunge circa 2,85:1, che non supera il WCAG AA per il testo del corpo.
Come verificare il selettore di colori?
Per verificare un selettore di colori, carica un colore noto e controlla il valore che restituisce. Incolla un’immagine di prova o inserisci un codice HEX come #0070F3 nel convertitore di colori e verifica se le letture RGB, HSL e le altre corrispondono a quanto ti aspetti. In AI Color Finder puoi anche fissare i colori per confrontarli fianco a fianco e verificare i codici esatti prima di copiarli.
Di che colore è 00001?
00001 non è un codice HEX a sei cifre valido, perché i colori HEX usano esattamente sei cifre dopo il segno # e 00001 ne ha solo cinque. Se intendevi #000001, è molto vicino al nero puro con un lievissimo accenno di blu, mentre #000011 è un blu navy quasi nero. Completa il valore in #000001 per ottenere un codice valido.
Di che colore è 666666?
#666666 è un grigio scuro composto da valori uguali di rosso, verde e blu pari a 102 ciascuno. Ha saturazione 0% in HSL e si colloca al 40% di luminosità, dando una morbida tonalità carbone. Su bianco raggiunge un contrasto di circa 5,74:1, quindi supera il WCAG AA per il testo normale.
Inizia ora
La tua prossima palette è a un’immagine di distanza
Preleva colori, estrai palette ed esporta codice — gratis, privato e istantaneo.