Trasforma i valori RGB in un codice HEX

Dividi ogni canale per 16. Il quoziente è il primo carattere della coppia e il resto il secondo, e i numeri da 10 a 15 si scrivono con le lettere da A a F. Il canale 59 dà 3 con resto 11, cioè la coppia 3B.

Formula: scrivi ogni canale come due caratteri esadecimali e unisci le coppie nell'ordine rosso, verde, blu.

Con lo stesso calcolo 130 diventa 82 e 246 diventa F6, quindi rgb(59, 130, 246) si scrive #3B82F6. Un canale sotto 16 prende uno zero iniziale perché la coppia abbia sempre due caratteri, così il valore 10 si scrive 0A.

I grigi hanno i tre canali uguali, quindi i loro codici constano di tre coppie identiche: 51 dà #333333 e 204 dà #CCCCCC. Un codice così lo accorci a tre caratteri e il browser lo riespande.

Nella direzione opposta il calcolo poggia sullo stesso numero, solo che moltiplichi ogni coppia per 16 e sommi il secondo carattere. Il convertitore da HEX a RGB fa tutto il lavoro al posto tuo.

RGB descrive un colore con tre numeri, uno per ciascun canale rosso, verde e blu. Ognuno sta fra 0 e 255, perché tanti sono i passi di luminosità di un singolo canale nella codifica del colore a ventiquattro bit. Tre canali da 256 passi danno insieme 16.777.216 colori[1].

La notazione esadecimale dà gli stessi tre numeri in un altro sistema di numerazione. Un canale ha 256 passi, che è esattamente quanto entra in due caratteri esadecimali, quindi ogni canale occupa nel codice due posizioni precise. L'intero colore si riduce a sei caratteri, senza virgole e senza parentesi.

Questa brevità decide dove incontri l'una e dove l'altra notazione. I codici HEX stanno nei fogli di stile, nei campi colore di Figma e nei manuali di marca. I valori RGB compaiono nella scheda Computed del browser, nei selettori dei programmi di grafica e ovunque il colore entri in un calcolo.

La specifica CSS Color Level 4 ammette quattro lunghezze di codice: tre, quattro, sei e otto caratteri[2]. La versione a tre funziona dove i due caratteri della coppia coincidono, perché il browser la espande raddoppiandoli. Le versioni a quattro e a otto aggiungono l'opacità alla fine.

Entrambe le forme descrivono il colore nello stesso spazio sRGB, che il W3C ha adottato per HTML e CSS[1]. Un canale scritto 255 e lo stesso canale scritto FF sono esattamente la stessa tinta.

Metti i canali nelle celle A1, B1 e C1 e scrivi in una quarta cella la formula ="#"&DECIMALE.HEX(A1;2)&DECIMALE.HEX(B1;2)&DECIMALE.HEX(C1;2). Per i valori 59, 130 e 246 restituisce #3B82F6.

Il 2 di ogni chiamata è l'argomento cifre, che riempie il risultato con zeri davanti[3]. Un codice colore richiede esattamente due caratteri per canale, e un canale con valore 10 darebbe una A isolata senza quell'argomento.

Copiando la cella verso il basso converti un'intera colonna. Nella versione inglese del programma la funzione si chiama DEC2HEX, e gli argomenti si separano con una virgola.