Selettore di colori

Scegli un colore dal selettore visuale, o scrivi il suo codice: i valori HEX, RGB, HSL, HSV e CMYK si aggiornano subito, pronti da copiare. Gli ultimi 12 colori restano in cronologia.

Tocca il riquadro per scegliere un colore

Oppure scrivi il suo codice

Tutto resta nel tuo browser: la cronologia è salvata solo sul tuo dispositivo.

A cosa serve un selettore di colori

Quando prepari una grafica, una presentazione o il tema di un sito, il problema non è immaginare il colore ma tradurlo in un codice preciso da riusare ovunque. Con il selettore scegli la tinta a occhio e ottieni all'istante il codice in cinque formati: HEX, RGB, HSL, HSV e CMYK. Funziona anche al contrario: scrivi un codice nel campo e il selettore si sposta su quel colore. La cronologia evita il classico "com'era quell'arancione perfetto di prima?": gli ultimi 12 colori restano a portata di clic anche se chiudi e riapri la pagina, salvati solo su questo dispositivo.

Quale formato copiare

Dipende da dove ti serve. Per CSS, Canva, Figma o PowerPoint l'HEX è quasi sempre la scelta giusta ed è il più corto da incollare; con 8 cifre porta anche la trasparenza. L'RGB torna utile se devi impostare i canali uno per uno. L'HSL è perfetto per creare varianti coerenti: mantieni la stessa tinta e cambi solo saturazione o luminosità. L'HSV è il formato dei selettori di Photoshop e GIMP, e il CMYK serve a farsi un'idea della stampa (per una stampa vera conviene chiedere il profilo a chi stampa).

I decimali compaiono solo quando servono perché la riga, riletta, ridia proprio questo colore: il grigio #7f7f7f esce come hsl(0, 0%, 49.8%), perché hsl(0, 0%, 50%) sarebbe già #808080. Nei codici il separatore dei decimali è il punto, come lo vogliono i fogli di stile. Il CMYK si può scrivere anche in frazioni da 0 a 1, come lo esportano molti programmi: cmyk(0, 0.46, 0.64, 0) vale cmyk(0%, 46%, 64%, 0%). Sono frazioni solo se nessun valore ha il segno di percento e tutti e quattro stanno fra 0 e 1; altrimenti sono percentuali.

Quattro pagine, due mestieri

Selettore di colori e Convertitore colori sono lo stesso strumento con due ingressi, il codice scritto e il selettore: lo stesso colore dà le stesse righe su tutte e due le pagine. Per i colori a caso ci sono Colore casuale e Generatore palette colori, che sono lo stesso generatore con un colore o con cinque.

Strumenti correlati

Convertitore colori Converti tra HEX, RGB, HSL e CMYK con anteprima e copia rapida. Colore casuale Genera colori casuali con HEX e RGB: tutti, pastello o scuri, con cronologia. Generatore palette colori Palette di 5 colori con armonie: blocca quelli che ami e rigenera gli altri. Estrai colori da foto Palette dei colori dominanti di un'immagine con codici HEX da copiare al click. Tinte e ombre di un colore Scala di 10 tinte verso il bianco e 10 ombre verso il nero, con hex da copiare. Nomi dei colori CSS Tutti i 148 colori CSS con nome, anteprima e hex: cerca, ordina e copia al volo.