Selettore Colore da Immagine (Pipetta)
Estrai il colore esatto da qualsiasi pixel delle tue immagini. Un semplice clic fornisce i codici nei formati HEX, RGB e HSL. Ideale per grafici e programmatori.
Trascina e rilascia un'immagine qui, o fai clic per sfogliare
Supporta PNG, JPG, GIF, WebP, BMP
Perché scegliere Selettore Colore da Immagine (Pipetta)
Con il selettore colore da immagine (pipetta online), carica le tue foto e ricava il codice colore di qualsiasi pixel. La lente d'ingrandimento integrata ti permette di catturare anche i dettagli più piccoli. L'applicazione gira al 100% nel browser locale (Client-side), assicurando che le immagini non vengano caricate su server esterni.
- ✓Cattura immediata dei formati HEX, RGB e HSL di un pixel con un semplice clic
- ✓Lente d'ingrandimento regolabile da 2x a 16x per una precisione pixel-level
- ✓Anteprima colore con correzione automatica del contrasto del testo
- ✓Tabella di cronologia per tenere traccia delle ultime 10 tonalità estratte
- ✓Copia veloce degli standard colore per fogli di stile CSS o software grafici
- ✓Esecuzione interamente locale nel browser — massima privacy per i tuoi file
Come usare
- 1Trascina il file immagine nel box o selezionalo dal computer
- 2Muovi il cursore sull'immagine per visualizzare la griglia ingrandita dei pixel
- 3Regola la lente d'ingrandimento tramite slider se i dettagli sono minuscoli
- 4Clicca sul punto esatto per registrare la tonalità desiderata
- 5Controlla i codici colore visualizzati nella sezione dei risultati
- 6Copia il formato colore che ti occorre con un clic sulla relativa casella
- 7Usa l'elenco cronologico per recuperare al volo i colori campionati in precedenza
Domande frequenti (FAQ)
Come fa la pipetta a leggere il colore dall'immagine?
L'immagine viene renderizzata su un Canvas HTML5 invisibile. Al clic del mouse, l'API getImageData() legge le informazioni RGBA native della griglia di pixel dell'immagine stessa.
A cosa serve lo zoom della lente?
La lente ingrandisce la porzione d'immagine sotto la punta del cursore permettendoti di selezionare il pixel esatto, utile in foto ad alta densità o con dettagli complessi. Lo zoom si regola da 2x a 16x.
Per quale motivo vengono mostrati tre standard colore?
Ogni ambiente richiede un formato specifico: HEX è lo standard per CSS e fogli stile web. RGB serve a impostare canali di trasparenza (rgba()). HSL facilita la variazione di tonalità, saturazione e luminosità.
Dove viene memorizzata la cronologia dei colori?
La cronologia viene memorizzata temporaneamente nella memoria di sessione della scheda del browser. Non viene registrata sui nostri server o sul disco fisso e si cancella aggiornando o chiudendo la pagina.
La pipetta funziona con le immagini PNG trasparenti?
Sì. Lo strumento riconosce il canale alfa (trasparenza). Nelle aree del tutto trasparenti rileverà il colore di sfondo del canvas, mentre per i pixel semitrasparenti leggerà il colore grezzo memorizzato.
Quali formati immagine è possibile caricare?
Tutti i formati grafici riproducibili nativamente dal browser, come PNG, JPG, JPEG, WebP, file GIF (viene preso il primo frame), BMP e grafiche vettoriali SVG.
Riferimenti e fonti autorevoli
Canvas API - MDN Web Docs
Vedi fonteImageData - MDN Web Docs
Vedi fonteCSS Color Module Level 4 - W3C
Vedi fonteWCAG 2.1 Relative Luminance
Vedi fonteStrumenti correlati
Esplora altri strumenti pratici per questo scenario d'uso.