HTML

Imparare ad interpretare i colori in html

Creando delle pagine in html, ci si trova spesso di fronte ad un grande ostacolo: l'inserimento e la elaborazione dei colori. Se scriviamo:

è abbastanza facile intuire che ci troveremo davanti ad una scritta in rosso. Ma, nel caso di una scrittura come questa

in pochi capiranno che la scritta apparirà di color prossimo al verde turchese.


Vediamo allora di scoprire la formula per identificare un colore in html:

#7FD0BA

Il primo segno (il cancelletto) indica che si tratta di un colore (può essere omesso)

I prossimi 2 simboli (7F) indicano la quantità di rosso presente in quel colore, i successivi 2 (D0) la quantità di verde e gli ultimi 2 (BA) la quantità di blu.

Il colore nel sistema informatico è dato dalle quantità di rosso, verde e blu combinate tra di loro. Il valore massimo di ognuna di queste quantità è di 255 ( mentre quella minima è 0, cioè l'assenza totale). Se vogliamo creare un color giallo dovremo avere una quantità alta di rosso e di verde e una quantità bassa o nulla di blu (questo esempio ci fa capire che la combinazione dei colori non è quella che si ottiene mescolando gli acquerelli nella vita reale).

Tanto per peggiorare le cose il, colore in html è scritto nel sistema numerico esadecimale, cioè le cifre utilizzabili per contare vanno da '0' a 'f' nel seguente ordine: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f ( le lettere possono comparire anche in maiuscolo). Vediamo che significato hanno.
In questo caso, 0 avrà sempre il suo valore di 0, 1 avrà il valore di 1 e così via fino al 9. 'a' avrà il valore di 10; 'b' sarà uguale a 11, 'c' a 12, 'd' a 13, 'e' a '14', 'f' a 15 (cioè in ordine numerico crescente). Una volta raggiunto 'f' si aggiungerà un unità alla cifra successiva:
Nel sistema decimale (il nostro), dovendo aumentare di 1 il numero 9, si aumenterà la cifra che si ha davanti di +1, cioè le decine che prima erano 0 diventano 1 e le unità 0 (9+1=10);
lo stesso principio vale anche nel codice esadecimale, una volta raggiunto 'f' ( che ricordiamo ha il valore di 15, cioè il massimo nel sistema esadecimale) si aggiungerà +1 alla cifra successiva facendo diventare il numero '10' (f+1=10). Anche se i risultati sono scritti nello stesso modo, hanno 2 significati completamente diversi.

In particolare, possiamo trovare il valore esadecimale moltiplicando la cifra che si ha davanti per 16 e sommare al prodotto il valore dell'ultima cifra:

b7 = (11*16)+7 = 183;
(b ha il valore di 11)

aa = (10*16)+10 = 170;

f0 = (15*16)+0 = 240;


I valori che compongono i colori in html sono divisi a 2: 7FD0BA dovrà essere interpretato come come 3 valori separati : 7F, D0, BA; Avendo capito come interpretarli: si avrà 127 di rosso, 208 di verde e 186 di blu.


Ora sappiamo come determinare e scrivere i colori in html .