Pubblicato il 31/08/12e aggiornato il

Come convertire un codice RGB in HEX e un codice HEX in RGB.

Come convertire un codice di colore HEX in RGB e viceversa e quali sono i codici da usare nel CSS e HTML
Ciascun colore può venire identificato con un determinato codice. Quelli più conosciuti sono il RGB e il codice HEX o ESA o esadecimale. RGB è l'acronimo delle parole inglesi Red, Green e Blue con ovvio significato. La rappresentazione di un colore in RGB è data da una terna ordinata di numeri che vanno da 0 a 255 e che indicano la quantità di colore primario presente. A dir la verità il verde non sarebbe un colore primario ma spero mi si passi l'espressione. I contributi dei singoli colori determinano quello che sarà il colore effettivo. Il valore 0 significa nessuna presenza di quel colore mentre 255 indica una presenza massima.

Per fare degli esempi (0,0,0) è il colore nero, (255,255,255) il colore bianco, (255,0,0) è il rosso, (0,255,0) il verde e (0,0,255) il blu. Quando si vuole indicare un colore nel linguaggio CSS (o anche HTML) l'espressione che viene usata con RGB è per esempio

color:rgb(123,12,21); 

Con i valori numeri che identificano univocamente il colore. Se invece si utilizza il codice HEX ciascun colore viene indicato da sei numeri esadecimali (i numeri naturali da 0 a 9 più le lettere A, B, C, D, E, F). Si tratta in sostanza di  passare da dei numeri decimali a un sistema in base 16. Nei CSS con il codice HEX occorre inserire delle righe di questo tipo

color:#7B0C15;
background-color:#7F4500;

I due sistemi sono sostanzialmente equivalenti anche se è più usato il codice HEX. Poniamo che si voglia trasformare un colore indicato in RGB in HEX o viceversa. In realtà si potrebbe per esempio passare dal valore decimale dei numeri della terna alla sua espressione esadecimale. Per esempio 123 nel sistema decimale diventa 7B nel sistema HEX, 12 diventa C e 21 diventa 15. Ci si può anche aiutare con questo tool online che ci permette di ottenere in tempo reale anche il codice binario. Basterà digitare un numero per avere la corrispondenza. Vedendo come i numeri di colore viola della terna RGB siano diventati rispettivamente 7B, C e 15 si può arguire che si tratta in realtà dello stesso colore, cioè

color:rgb(123,12,21); e color:#7B0C15; indicano lo stesso colore

RGB ESA è un convertitore online da RGB a HEX e viceversa. Se si conosce un codice RGB e si vuole sapere quello HEX si incollano i tre numeri nelle tre caselle Rosso, Verde e Blu e si clicca su Esadecimale. Accanto comparirà il codice esadecimale convertito

conversione-hex-rgb

Se invece si vuole convertire un colore da HEX o ESA in RGB si va più in basso, si incolla il codice nell'apposito campo e si clicca su RGB. Si visualizzerà la terna di numeri Rosso, Verde e Blu del codice RGB. In entrambi i casi si potrà andare su Prova colore visualizzare il colore nello sfondo della pagina.

Concludo ricordando che nell'HTML i codici dei colori possono essere usati per i caratteri del testo utilizzando per esempio il codice seguente o inserendoli in altri tag 

<font size="3" color="#7B0C15"> Testo visibile </font>




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.