« Verifica V Web 19 Aprile - Soluzione | Main | Immagini e formati di compressione »

Codici colore e metodo RGB

Il metodo RGB è detto sintesi additiva perché la somma dei fasci di colore Rosso (R), Verde (G) e Blu (B) produce il colore bianco. Per la definizione dei colori su Internet e in particolare su Dreamweaver è necessario usare la sintesi additiva RGB, l'unica che venga correttamente letta dai monitor, che utilizzano proprio l'RGB per la composizione dei colori.

Ciascun colore RGB è rappresentato da tre canali di colore ciascuno dei quali è formato da una coppia di cifre espresse in base 16 anziché in base dieci

La numerazione in base 16 (esadecimale)

Nella numerazione in base 16, anziché in base 10, si hanno a disposizione 16 cifre differenti, al contrario della numerazione in base 10, in cui si hanno a dispozione solo dieci cifre. In effetti, nella normale compposizione dei numeri in base 10, si utilizzano le 10 cifre fondamentali:

0 1 2 3 4 5 6 7 8 9

Nella numerazione in base 10, la cifra successiva a 9 (ossia 10) è composta dalla seconda cifra della serie iniziale (1) e dalla prima cifra della stessa serie (ossia 0). Tutti i numeri, quindi, rispondono alla suddetta regola:

9 10 11 12 13 14 15 16 17 18 19 20 21 22 ... 99

Dopo il 99, quando cioè non bastano più due cifre, si passa a una struttura con tre cifre, che ricalca esattamente la struttura a tre cifre:

90 99 100 101 102 103 104... 456 ... 792 ... 999

La stessa forma, nella composizione delle cifre, viene utilizzata anche nella base 16, solo che il ventaglio delle cifre disponibili è superiore:

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

La numerazione, dopo F, sarà come di consueto composta dalla seconda cidra della serie iniziale (1) e dalla prima cifra della stessa serie (ossia 0):

C D E F 10 11 12 13 14 15 16 ... 19 1A 1B 1C 1D 1E 1F 20 21 22... FF

Il codice esadecimale dei colori RGB

Ogni colore, espresso in RGB, è formato da 6 cifre in base 16. Le prime due cifre si riferiscono al canale Rosso, le seconde due cifre al canale Verde, la terza coppia al canale Blu. Laddove il canale sia assente (ad esempio: completa assenza di rosso nel colore RGB) il suo valore sarà 00. Laddove invece il canale di colore sia al massimo della sua intensità (ad esempio: rosso puro - o primario - nel colore RGB) il suo valore sarà FF. Si comprende quindi il senso del nome "sintesi additiva". Se ciascun canale di colore è al massimo (codice colore FF FF FF) il colore ottenuto sarà il bianco. Se invece ciascun canale è al minimo (codice colore 00 00 00) il colore ottenuto sarà il nero.

Alcuni colori fondamentali

Codici colori fondamentali
Bianco: codice colore FFFFFF  
Nero: codice colore 000000  
Rosso puro: codice colore FF0000  
Verde puro: codice colore 00FF00  
Blu puro: codice colore 0000FF  
Giallo puro: codice colore FFFF00  
Azzurro puro: codice colore 00FFFF  
Viola puro: codice colore FF00FF  

Serie di colori

Naturalmente, ciascun colore può essere modulato lungo tutta la serie che va da FF a 00. Mano a mano che la quantità di colore nel canale cala (ossia passa da FF a 00) il colore progressivamente si scurisce. Vediamo un po' di esempi, con il colore Verde:

Serie di verde
Verde puro: 00FF00  
00CC00  
00AC00  
00A100  
009B00  
009800  
002C00  
000F00  

Va ricordato, quindi, che ogni scala di colore (in questo caso appena visto, la scala di verde) è formata da 256 colori diversi (16 x 16 colori = 256). Il cosiddetto "verde medio" ossia quello che occupa la posizione 128 risponde al codice 008800.

La scala di grigi

Se ciascuno dei canali presenta la stessa quantità di colore, ossia se, nel codice colore, i valori sono uguali a coppie (ad esempio CC CC CC, ma anche 94 94 94) il colore che si ottiene è il grigio. La scala di grigio, pertanto, va da FF FF FF a 00 00 00, per un totale di 256 variazioni di colore.

Ecco una serie in scala di grigio, dal più chiaro al più scuro:

Serie di grigi
FAFAFA  
DEDEDE  
CCCCCC  
A4A4A4  
9797979  
343434  
2F2F2F  
1A1A1A