Selettore di colori

Scegli un colore a vista, dallo schermo o da qualsiasi foto, e copiane il codice in ogni formato.

  • Prelievo da schermo e immagine
  • HEX, RGB, HSL, HSV, CMYK
  • Nessun caricamento

Scegli un colore

HEX, RGB o HSL — per esempio #ff6600 o rgb(255, 102, 0).
Tocca un punto qualsiasi dell'immagine per prelevarne il colore.

Scegli un colore.

Come funziona

Trascina nel quadrato per impostare saturazione e luminosità e usa il cursore arcobaleno per la tonalità. Puoi anche scrivere un codice, usare il selettore colore di sistema, prelevare qualsiasi pixel dello schermo (nei browser che lo supportano) o toccare un punto di una tua foto. Ogni colore viene mostrato in HEX, RGB, HSL, HSV e CMYK, e gli ultimi colori scelti restano in fila per un rapido confronto.

#2459e0 = rgb(36, 89, 224) = hsl(223, 75%, 51%)

Quale formato usare

  • HEX: il codice più diffuso per siti web e strumenti di design.
  • RGB: luce rossa, verde e blu da 0 a 255, usata dagli schermi.
  • HSL e HSV: tonalità, saturazione e luminosità (HSL) o valore (HSV) — il modo più semplice per rendere un colore più chiaro, più scuro o più tenue.
  • CMYK: un punto di partenza approssimativo per la stampa; verifica con il profilo della tua tipografia.

Consigli

  • Il prelievo dallo schermo funziona con Chrome ed Edge su computer; sullo smartphone preleva invece da un'immagine.
  • Le foto vengono lette sul tuo dispositivo e non vengono mai caricate.
  • Fai clic su un valore per copiarlo.

Standard e fonti

  • I valori di colore seguono il CSS Color Module Level 4 (sRGB)
  • Il prelievo dallo schermo usa l'EyeDropper API dove il browser la supporta

Ultima revisione 7 ottobre 2026

Domande frequenti

Come prelevo un colore da un'immagine?

Scegli l'immagine in “Preleva da un'immagine”, poi tocca il punto che ti interessa. Viene selezionato il colore sotto il dito o il cursore.

Posso prelevare un colore da qualsiasi punto dello schermo?

Sì, con Chrome ed Edge su computer. Tocca “Preleva dallo schermo” e fai clic su un pixel qualsiasi, anche fuori dalla finestra del browser.

Che differenza c'è tra HSL e HSV?

Entrambi usano tonalità e saturazione. HSL usa la luminosità, dove 100% è il bianco; HSV usa il valore, dove 100% è il colore pieno.

Le mie foto vengono caricate?

No. Le immagini vengono disegnate e lette nel browser e non lasciano mai il tuo dispositivo.

Come copio un codice colore?

Fai clic su un valore HEX, RGB, HSL, HSV o CMYK, oppure usa il pulsante di copia per copiare insieme i codici principali.

Altri strumenti

I risultati sono solo indicativi. I calcoli possono essere errati e non costituiscono consulenza legale, medica o finanziaria. Prima di decisioni importanti verifica sempre con l'autorità competente o un professionista.