# 6 - Il colore

La questione del colore per i documenti del Web e' piuttosto spinosa per due motivi:

- non solo le prestazioni delle schede grafiche e monitor utilizzati per visualizzare i documenti sono tra le piu' varie,
- ma anche i browser effettuano il rendering dei documenti gestendo i colori in maniera differente l'uno dall'altro.

Noi ci occuperemo piuttosto del modo con cui i browser possono affrontare queste difficolta'.

I documenti HTML utilizzano tre livelli di insiemi di colori.

1. Il set di colori visualizzabili piu' ridotto include solo quei colori di cui e' garantita una visualizzazione corretta da parte di tutti i browser e su tutti i monitor a colori. I nomi e i codici esadecimali per tali colori sono elencati nella seguente tabella:

   Nome generico | Esempi | Nome generico | Esempi
   --- | --- | --- | ---
   black | 000000 | green | 008000
   silver | C0C0C0 | lime | 00ff00
   gray | 808080 | olive | 808000
   white | FFFFFF | yellow | FFFF00
   maroon | 800000 | navy | 000080
   red | FF0000 | blue | 0000FF
   purple | 800080 | teal | 008080
   fuchsia | FF00FF | aqua | 00FFFF

2. Vi e' un set di colori piu' consistente, chiamato palette Web, che include 216 colori. Tali colori sono visualizzabili dai browser di Windows e Macintosh, ma potrebbero incontare difficolta' con i browser low-end basati su Unix o Linux.
3. Se non si prendono in considerazione limitazioni imposte dai browser e monitor meno recenti, e' possibile utilizzare numeri a 24 bit (o 6 cifre esadecimali) per specificare un determinato colore tra 16 milioni di colori diversi. Se viene specificato un colore che il browser o il monitor non e' in grado di visualizzare, viene utlizzato un colore analogo.

La proprieta' `color` viene utilizzata per specificare il colore degli elementi HTML in primo piano. Si consideri la piccola tabella seguente:

Esempio 1: tabella a colori ---- Rendering dell'esempio 1

La proprieta' `background-color` viene utilizzata invece per specificare il colore di sfondo di un elemento ed e' applicabile anche all'intero corpo del documento. Per esempio, si consideri il seguente elemento di paragrafo:

`<p style = "font-size: 24; color: yellow; background-color: red"> To really make it stand out, use a red background </p>`

To really make it stand out, use a red background