Colori

Le pagine HTML tramite il colore possono essere rese più leggibili e piacevoli.

Consulta Color Tutorial di w3schools.

I tag e gli attributi coinvolti sono

  • BODY: alink bgcolor link text vlink
  • FONT HR: color
  • TABLE TD TH TR: bgcolor

Lo stesso colore può essere specificato in diversi modi

  • nome: black, blue, green, red, yellow, white, …
  • RGB (6 cifre): #000000, #0000FF, #00FF00, #FF0000, #FFFF00, #FFFFFF, …
  • RGB (3 cifre): #000, #00F, #0F0, #F00, #FF0, #FFF, …

Colori sicuri

Sono detti colori sicuri quelle sfumature di colore rappresentate allo stesso modo da qualsiasi schermo, browser.

In passato gli schermi presentavano differenze marcate anche con i colori di base ma negli anni si è passati da 8 a 16, 216, … colori sicuri.

Gli 8 colori sicurissimi

I codici colore utilizzati sono solo due: 00 e FF

#000000 black
#0000FF blue
#00FF00 lime
#00FFFF aqua / cyan
#FF0000 red
#FF00FF fuchsia / magenta
#FFFF00 yellow
#FFFFFF white

Prova…

I 16 colori molto sicuri…

I codici colore utilizzati sono: 00, 80, C0, FF.

#000000 black
#000080 navy
#0000FF blue
#008000 green
#008080 teal
#00FF00 lime
#00FFFF aqua / cyan
#800000 maroon
#800080 purple
#808000 olive
#808080 gray / grey
#C0C0C0 silver
#FF0000 red
#FF00FF fuchsia / magenta
#FFFF00 yellow
#FFFFFF white

I 216 colori sicuri…

Per avere una scelta ancora maggiore si consiglia di utilizzare al più le sei costanti 00, 33, 66, 99, CC e FF

Prova…

Vedi la tabella corrispondente (link da cambiare)
I colori sono in ordine crescente di codice numerico.
Il codice RGB appare al passaggio del mouse su ciascuna cella.

Osserva

  1. si ha una scelta di 6*6*6=216 colori…
  2. è più intuitivo raggiungere il colore desiderato
  3. si possono abbreviare come terna esadecimale (es. #FF3366 –> #F36)
  4. sono di facile memorizzazione.

Tutti i colori

Si assegnano 6 cifre esadecimali e si ottiene il codice, #RRGGBB, da utilizzare nelle pagine HTML.

Prova…

Osserva

  1. Le cifre in base 16 sono: 0 1 2 3 4 5 6 7 8 9 A B C D E F
  2. In ogni coppia di cifre la prima cifra pesa più della seconda…
  3. Il codice per ogni componente del colore va da 00 a FF (da 0 a 255)
  4. Le combinazioni totali sono 16*16*16*16*16*16 = 256*256*256 = 224 (più di 16 milioni).