Prendi tutti i colori di qualsiasi sito.
Vedi la palette che la pagina usa davvero (testi, sfondi e bordi), prendi qualsiasi colore con il contagocce e salva la palette per dopo. Gratis, nel tuo browser.
Gratis per sempre · prova Pro di 7 giorni senza carta · Chrome, Edge, Brave, Opera, Arc, Comet, Firefox
In breve
Pickode è un contagocce per Chrome gratuito che funziona anche in Edge, Brave, Opera, Arc, Comet e Firefox. Estrae la palette colori del sito divisa per testi, sfondi e bordi, ti dà un contagocce per prendere un colore dalla pagina e mostra ogni valore in HEX, RGB o HSL. Dallo stesso strumento salvi la palette e controlli il contrasto.
Come funziona
Contagocce e colori in tre passi.
01Apri Colori
Apri Pickode su qualsiasi sito e scegli Colori per vedere la palette di testi, sfondi e bordi.
02Prendi un colore
Usa il contagocce per prendere un colore dalla pagina. In Firefox funziona su uno screenshot con la lente.
03Copia o salva
Prendi il valore in HEX, RGB o HSL, oppure salva tutta la palette nella libreria.
Cosa ottieni
Estrai la palette di un sito e usa il contagocce, in un solo strumento.
La palette vera della pagina
Colori divisi per testi, sfondi e bordi, così vedi quelli che la pagina usa davvero.
Contagocce
Prendi qualsiasi colore che vedi nella pagina. In Firefox il contagocce lavora su uno screenshot con la lente.
Contrasto a colpo d'occhio
Il tooltip dell'inspector mostra il contrasto WCAG di ogni elemento; la mappa del contrasto nel pannello accessibilità segna i testi che non passano e suggerisce il colore più vicino che passa.
Palette da salvare
Salva una palette nella libreria e trasforma i colori del sito in design token per ruolo (primario, accento, sfondo, testo, bordo).
Dettagli
Cosa ti dà il contagocce.
- Palette
- Colori di testi, sfondi e bordi usati nella pagina
- Formati
- HEX, RGB, HSL
- Contagocce
- Prende un colore dalla pagina; in Firefox da uno screenshot con la lente
- Contrasto
- Contrasto WCAG nel tooltip dell'inspector; mappa completa nel pannello accessibilità
- Salvataggio
- Palette salvate nella libreria
- Design token
- Colori per ruolo (primario, secondario, accento, successo, errore, sfondo, testo, bordo); vista, copia ed export gratis
- Browser
- Chrome, Edge, Brave, Opera, Arc, Comet e Firefox 140+
Domande
Domande su Contagocce e colori.
Il contagocce è gratis?
Sì. Palette, contagocce e mappa del contrasto sono tutti nella versione gratuita.
Funziona in Firefox?
Sì. In Firefox il contagocce lavora su uno screenshot della pagina con la lente.
Come trovo il codice HEX o RGB di un colore su un sito?
Apri Colori in Pickode per vedere la palette della pagina divisa per testi, sfondi e bordi, oppure usa il contagocce per prendere un colore. Lo copi in HEX, RGB o HSL e, se ti serve dopo, salvi la palette.
Posso controllare se un colore ha abbastanza contrasto?
Sì. Il tooltip dell'inspector mostra il contrasto WCAG dell'elemento sotto il mouse, e la mappa del contrasto nel pannello accessibilità segna ogni testo che non passa e suggerisce il colore più vicino che passa.
Posso esportare i colori come variabili CSS o Tailwind?
Sì, gratis. Lo strumento design token raggruppa i colori per ruolo e li esporta come variabili CSS, Tailwind v4 `@theme`, `tailwind.config.js`, `globals.css` per shadcn, `theme.json` di WordPress o JSON.
Continua a esplorare
Funzioni correlate.
Smetti di ricostruire. Inizia a selezionare.
Installa Pickode, apri un sito qualsiasi e premi Alt+I.
Gratis · prova Pro di 7 giorni · nessun account