Convertitore HEX a RGB Gratuito - Convertitore Codice Colore e Selettore

Convertire HEX in RGB

Questo strumento legge un codice colore HEX e mostra lo stesso colore in RGB, HSL, CMYK e come valore HEX/RGBA a 8 caratteri, insieme a un'anteprima dal vivo, un test di contrasto e una luminosità percepita. Digiti o incolli un codice, oppure scegli il colore visivamente, e tutti i formati si aggiornano insieme.

Come funziona la conversione

Un codice HEX a 6 caratteri si divide in tre coppie di 2 caratteri, ciascuna un numero esadecimale da 00 a FF (da 0 a 255 in decimale) per rosso, verde e blu. Nella forma abbreviata a 3 caratteri, ogni cifra viene prima raddoppiata, quindi #D14 diventa #DD1144 prima che si applichi la stessa divisione. Da questa terna RGB, l'HSL si ricava dalla media del canale più chiaro e di quello più scuro per la luminosità, dalla loro differenza per la saturazione, e dall'ordine dei canali per la tonalità. Il CMYK viene calcolato come riferimento trovando K dal maggiore dei tre canali e scalando ciano, magenta e giallo rispetto a esso. La luminosità percepita usa i pesi ITU-R BT.601, R per 299 più G per 587 più B per 114, diviso 1000; un risultato sopra 128 è indicato come Chiaro, sotto come Scuro, il che determina anche il colore del testo nell'anteprima di contrasto. Lo stesso campo riconosce anche una stringa rgb(r, g, b) digitata direttamente al posto di un codice HEX, e ogni scelta nel selettore di colore aggiorna il campo HEX automaticamente. Se il codice non può essere interpretato, lo strumento mostra un messaggio di errore subito sotto il campo invece di indovinare un colore. Ogni valore convertito ha un proprio pulsante di copia, che dopo il clic si trasforma brevemente in un segno di spunta, così puoi copiare solo la stringa RGB, quella CMYK o la riga CSS senza toccare il resto.

Esempio pratico

Prendiamo #D62839. Le coppie danno R=214, G=40, B=57, cioè RGB(214, 40, 57). La media del canale più chiaro e di quello più scuro dà 50% di luminosità, la loro differenza 69% di saturazione, e la tonalità si posiziona a 354 gradi, insieme HSL(354, 69%, 50%). Gli stessi valori RGB danno cmyk(0%, 81%, 73%, 16%) nella formula CMYK. La forma a 8 caratteri è #D62839FF, e la riga CSS è color: #D62839;. La luminosità arriva a 94 su 255, sotto la soglia di 128, quindi lo strumento indica il colore come Scuro e passa al testo bianco nell'anteprima di contrasto.

Esempio di output

Input:  #D62839

Output: {
  "rgb":  "rgb(214, 40, 57)",
  "hsl":  "hsl(354, 69%, 50%)",
  "cmyk": "cmyk(0%, 81%, 73%, 16%)",
  "hex8": "#D62839FF",
  "css":  "color: #D62839;"
}