Selettore di colori
Scegli un colore, perfezionalo e copia il suo codice nel formato che ti serve.
Sigillato su questo dispositivo
Funziona nel tuo browser. Non viene caricato nulla.
Sigillato
Scegli un colore
Codici colore
Toni chiari e scuri
Toni più chiari da un lato, più scuri dall’altro. Selezionane uno per usarlo.
Come funziona
-
Scegli un colore
Trascina nell’area del colore e sul cursore della tonalità, scrivi un codice che hai già o preleva un colore dallo schermo.
-
Perfezionalo
Regola l’opacità, oppure esplora i toni chiari e scuri del tuo colore per trovare una variante più chiara o più scura.
-
Copia il codice
Copia il valore HEX, RGB, HSL, OKLCH o CMYK e incollalo nel tuo design, nel codice o in un documento.
Domande frequenti
Come prelevo un colore dallo schermo?
Seleziona «Preleva dallo schermo», poi fai clic in un punto qualsiasi dello schermo per catturare quel colore. Questo contagocce è disponibile su computer in Chrome, Edge e negli altri browser basati su Chromium. Negli altri browser, il campione di colore apre il selettore di colore del sistema, che spesso ha un proprio contagocce.
Quale formato di colore devo usare?
HEX è il più diffuso nel web design e funziona ovunque. RGB e HSL sono comodi in CSS quando vuoi ritoccare i valori a mano. OKLCH è il formato CSS moderno che mantiene la luminosità coerente tra le tonalità. CMYK è un punto di partenza per la stampa.
Che differenza c’è tra un tono chiaro e un tono scuro?
Un tono chiaro è il tuo colore mescolato con il bianco, quindi diventa più chiaro. Un tono scuro è il tuo colore mescolato con il nero, quindi diventa più scuro. Il selettore li mescola in uno spazio colore percettivo, così ogni passaggio appare regolarmente distanziato.
Posso usare il selettore con la tastiera?
Sì. Porta il focus sull’area del colore e usa i tasti freccia per cambiare saturazione e luminosità, tenendo premuto Maiusc per passi più ampi. Anche i cursori di tonalità e opacità funzionano con i tasti freccia.
Posso condividere un colore?
Sì. L’indirizzo della pagina si aggiorna con il colore scelto, così puoi salvarlo nei preferiti o inviare il link a qualcuno.