Contagocce colori

Color picker gratuito per Chrome

Preleva un colore da qualsiasi pagina. Ottieni #E8553D

Contagocce colori è un color picker gratuito per Chrome. Premi il suo pulsante o Alt+P, punta qualsiasi pixel con la lente e clicca: il codice HEX, RGB o HSL è già negli appunti. Gli ultimi 50 colori ti aspettano nel popup.

Aggiungi a Chrome — gratis

453 utenti sul Chrome Web Store

Funziona anche su Edge, Brave, Opera e altri browser Chromium.

La lente quadrata sopra un poster in una pagina web inquadra un pixel con il suo HEX, RGB e HSL, accanto al popup di Contagocce colori che mostra #E8553D e una cronologia di colori

In breve

Cosa fa
Un color picker a contagocce: punta qualsiasi pixel di una pagina web con la lente, clicca, e il suo codice HEX, RGB o HSL viene copiato.
Per chi è
Sviluppatori web e designer che abbinano colori da siti live, mockup e screenshot aperti nel browser, e chiunque abbia bisogno di un codice colore.
Prezzo
Gratis. Nessun account, nessuna versione a pagamento.
Dati
La cronologia e il formato predefinito restano nella memoria locale dell'estensione, sul tuo dispositivo. Nessuna analisi, nessuna richiesta di rete.
Dove funziona
Chrome e altri browser Chromium che installano dal Chrome Web Store, su computer. Non nelle pagine del browser come la pagina Nuova scheda, le impostazioni o il Chrome Web Store.
Limiti
Preleva dalla parte visibile della scheda, usando un'istantanea scattata all'avvio. Niente CMYK, Pantone o controlli di contrasto, e niente prelievo fuori dal browser.
Versione
2.7.0, aggiornata il 23 ottobre 2026

Tre passaggi, un clic

  1. 1

    Avvia il selettore

    Clicca l'icona nella barra degli strumenti e premi Scegli un colore, oppure premi Alt+P in qualsiasi pagina.

  2. 2

    Punta con la lente

    Una lente quadrata ingrandisce l'area attorno al cursore e inquadra il pixel esatto. Un'etichetta sotto mostra HEX, RGB e HSL in tempo reale.

  3. 3

    Clicca e incolla

    Il codice viene copiato nel formato predefinito e una breve nota lo conferma. Incollalo in CSS, Figma o in un messaggio.

Chi lo usa

CSS

Lavoro front-end

Preleva i valori esatti da un sito live per CSS, SCSS o una configurazione Tailwind senza aprire DevTools.

HEX

Verifiche di design e brand

Campiona una palette da un'interfaccia, un mockup o un riferimento e controlla che una pagina usi il colore giusto del brand.

HSL

Regolare i colori

Prendi l'HSL per regolare a mano luminosità e saturazione, o l'RGB per il codice che vuole numeri.

Cosa fa

  • pixel, inquadrato

    La lente ingrandisce 11 × 11 pixel attorno al cursore e un mirino inquadra quello che preleverai. Centra un bordo di un pixel o un singolo gradino di un gradiente.

  • formati

    HEX come #2A6FDB, RGB come rgb(42, 111, 219), HSL come hsl(217, 71%, 51%). Scegli il formato predefinito una volta nel popup.

  • colori in cronologia

    Ogni colore prelevato va in testa a una griglia degli ultimi 50 colori, senza duplicati. Clicca un campione per vedere e copiare tutti e tre i codici.

  • Scorciatoia Alt+P

    Avvia il prelievo senza aprire il popup. Il tasto nel popup apre le impostazioni delle scorciatoie di Chrome se vuoi un altro tasto.

  • richieste di rete

    Tutto gira nel tuo browser. Nessun account, nessuna analisi, nessuna telemetria.

  • Chiaro e scuro

    Il popup e la lente seguono il tema del sistema, in grigi neutri che non alterano i colori che stai valutando.

Come ottenere il codice colore di qualsiasi elemento di una pagina web

Il contagocce di Chrome sta dentro DevTools: apri il pannello Stili, trova una proprietà di colore, clicca il suo campione, poi il contagocce. Funziona, ma è nascosto, e il valore prelevato sostituisce quella proprietà nel CSS della pagina invece di finire negli appunti.

Contagocce colori mette un contagocce a un clic o a una scorciatoia di distanza. All'avvio scatta un'istantanea della parte visibile della scheda e apre sopra di essa una lente quadrata, così vedi il pixel esatto, non una media. Un clic copia il codice, e il popup lo conserva insieme agli ultimi 50 colori in tutti e tre i formati.

Scorri fino alla parte di pagina che ti serve prima di iniziare: la lente legge da quell'istantanea. Le pagine del browser come la pagina Nuova scheda, le impostazioni e il Chrome Web Store sono chiuse a tutte le estensioni.

Privato per progetto

  • Nessuna richiesta di rete

    L'estensione non parla mai con un server. Nessuna analisi, nessuna telemetria.

  • Resta sul tuo dispositivo

    La cronologia e il formato predefinito sono nella memoria locale dell'estensione.

  • Quattro permessi

    La scheda attiva, solo quando avvii un prelievo, per scattare l'istantanea; scripting per mostrare la lente; storage per cronologia e formato; scrittura negli appunti per copiare il codice.

Contagocce di DevTools vs Contagocce colori

Contagocce di DevTools vs Contagocce coloriContagocce di DevToolsContagocce colori
Come si avviaApri DevTools, trova un colore in Stili, clicca il suo campione, poi il contagoccePulsante della barra degli strumenti o Alt+P
Il risultato vaNella proprietà CSS che hai aperto; la copi tuNegli appunti, al clic
Formati coloreHEX, RGB, HSL e altriHEX, RGB e HSL
Colori prelevati primaNon conservatiGli ultimi 50, pronti da copiare di nuovo
PrezzoIntegrato in ChromeGratis

Domande

Come ottengo il codice colore da un sito web?

Installa Contagocce colori, premi Alt+P nella pagina, punta la lente sul colore e clicca. Il codice HEX, o RGB o HSL se preferisci, viene copiato negli appunti.

Come prelevo un colore da un'immagine in una pagina web?

Allo stesso modo: avvia il selettore e clicca il pixel che vuoi nell'immagine. La lente ingrandisce, così puoi prelevare un pixel preciso.

Posso copiare HSL o RGB invece di HEX?

Sì. Scegli il formato predefinito nel popup: HEX, RGB o HSL. Il popup mostra anche tutti e tre i codici per ogni colore della cronologia, ognuno con il suo pulsante di copia.

Dove trovo i colori prelevati in precedenza?

Apri il popup: gli ultimi 50 colori sono lì come campioni, dal più recente. Clicca uno per vedere e copiare i suoi codici, oppure cancella la cronologia.

Come cambio la scorciatoia Alt+P?

Clicca il tasto della scorciatoia nel popup. Si apre la pagina delle scorciatoie da tastiera di Chrome, dove puoi impostare un altro tasto.

Perché non funziona in alcune pagine?

Chrome chiude le sue pagine, come la pagina Nuova scheda, le impostazioni e il Chrome Web Store, a tutte le estensioni. Il selettore legge inoltre solo la parte visibile della scheda, quindi scorri prima fino al colore.

Può prelevare colori fuori dal browser?

No. Preleva solo dalla scheda corrente del browser. Non converte nemmeno in CMYK o Pantone e non controlla il contrasto.

È gratis? Raccoglie dati?

È gratis e non fa richieste di rete. La cronologia e il formato predefinito restano sul tuo dispositivo.

Altre estensioni gratuite di PYROCTAL

Punta. Clicca. Incolla.

Aggiungi a Chrome — gratis