Selettore Colore Immagine
Questo strumento di selezione colore, che funziona interamente nel browser, consente di trascinare su qualsiasi punto dell'immagine per estrarre il colore e controllare insieme RGB, HEX, HSL e HSV.
Dopo aver selezionato un'immagine, puoi ottenere il colore trascinando o toccando l'immagine.
Facendo clic o tenendo premuto sull'immagine compare una lente di ingrandimento, così puoi controllare anche i colori più minuti.
Anteprima immagine
Come usare il selettore colore immagine e in quali situazioni è utile
Questo selettore colore immagine è uno strumento online che consente di prelevare i colori da un'immagine caricata come con un contagocce e di verificarne subito il codice. È utile ogni volta che serve un'estrazione precisa del colore, ad esempio per il web design, la creazione di banner, la preparazione di documenti o il controllo dei colori nelle immagini di prodotto.
Controlla i colori in modo continuo mentre trascini
Tracciando il cursore sull'immagine, coordinate e colore cambiano in tempo reale, rendendo più semplice seguire le variazioni cromatiche lungo bordi e sfumature.
La lente di ingrandimento facilita il prelievo dei colori nei dettagli
L'area intorno al cursore viene ingrandita, così puoi controllare con precisione linee sottili, piccole icone, colori delle ombre e altri dettagli. (La lente compare quando fai clic o tieni premuto sull'immagine.)
Mostra RGB, HEX, HSL e HSV contemporaneamente
Poiché più rappresentazioni del colore vengono mostrate insieme, puoi procedere con specifiche di design, scrittura CSS e confronti visivi senza dover passare continuamente da un formato all'altro.
Riutilizza subito i colori dalla cronologia
I colori acquisiti di recente restano nella cronologia, quindi non è necessario prelevare più volte i colori del brand o quelli da confrontare.
Utile in situazioni come queste
Quando vuoi estrarre una palette da un'immagine di riferimento per un sito web o una landing page e decidere un colore per pulsanti o sfondi con una tonalità simile.
Quando vuoi controllare le tonalità di immagini prodotto per e-commerce o materiali per banner e confrontare rapidamente la differenza di colore rispetto a un design esistente.
Quando crei documenti, immagini per i social media o miniature e vuoi riutilizzare direttamente un colore di accento presente nell'immagine per titoli o decorazioni.
Suggerimenti per l'uso
- Dopo aver caricato un'immagine, tieni premuto il mouse mentre ti sposti sull'area da cui vuoi prelevare il colore per controllarlo in modo continuo. È supportato anche il tocco su smartphone e tablet.
- Se vuoi prelevare il colore di un bordo o di una piccola decorazione, regola la posizione poco alla volta osservando la lente di ingrandimento per individuare più facilmente il pixel desiderato.
- I valori RGB, HEX, HSL e HSV acquisiti possono essere copiati singolarmente, così puoi trasferirli in CSS, strumenti di design o specifiche con il minimo sforzo.
- I colori acquisiti di recente restano nella cronologia, quindi se vuoi confrontare colori candidati è pratico prelevare diversi punti in sequenza e confrontarli.
- Se vuoi distinguere colori che differiscono per luminosità, controllare anche HSL e HSV insieme a RGB rende più facile comprendere le differenze di saturazione e luminosità/valore.
- Le immagini non vengono inviate al server e tutta l'elaborazione avviene interamente nel browser, quindi lo strumento può essere usato in sicurezza anche con immagini non pubblicate ancora in lavorazione o con schermate di materiali interni.