Html: la codifica dei colori

Loading

In HTML i colori vengono composti combinando le quantità varibili di 3 colori, esttamente il rosso, il verde e il blu.
Tale codifica dei colori si chiama RGB dalle inziali dei trer colori in inglese (red,green,blue).

Ogni colore contribuisce al colore finale con una quantità variabile tra 256 valori (da 0 a 255)
Il numero di tutte le possibili combinzioni di colori è dato dal risultato della moltiplicazione:
255 x 255 x 255 = 16581357 (i famosi sedici milioni di colori)


Tali colori non sono però codificati esprimendo il contributo di ciascun colore di base in valori decimale, cioè da 0 a 255, ma in valori esadecimali.
Il sistema esadecimale è un sistema in base 16, ossia i simboli (le cifre) rappresentano numeri da 0 a 15, e non da 0 a 9 come ne sistema decimale.
I numeri superiori a 9 sono rappresentati con le lettere, quindi A equivale a 10, B a 11, C a 12, D a 13, E a 14 e F a 15.
Ricapitolando per contare da 0 a 15 in esadecimale dovremmo scrivere:

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

Nel sistema esadecimale per rappresnetare i valori da 0 255, bastano solo 2 cifre che vanno da 00 a FF, 00 equivale a 0, FF a 255.

Nell’HTML i colori sono espressi da 3 coppie di numeri esadecimali, la prima rappresenta la quantità di rosso, la rappresenta il verde e la terza il blu, inoltre prima di queste 6 cifre bisogna mettere il #.
L’assenza di tutti e tre i colori è data da un contributo pari a 0 di rosso, verde e blu, tale colore è il nero:

#000000 => nero

Il bianco è dato da un contributo massimo di tutti i colori:

#FFFFFF => bianco

Inoltre dando il contributo pieno di un singolo colore e nullo degli altri due otteniamo i colori pieni:

#FF0000 => rosso
#00FF00 => verde
#0000FF => blu

Voglio sottolineare che in ogni caso il colore deve essere composto da 6 cifre, quindi scrivere #FF => non è rosso!.

Tutti i colori con stesse quantità di rosso,verde e blu sono grigi (numero composto da 3 coppie di cifre uguali).

#777777 => grigio
#a4a4a4 => grigio
#d3d3d3 => grigio

A questa regola non sfuggono neanche il bianco (#FFFFFF) e il nero (#000000) che sono il grigio più chiaro e quello più scuro