Skip navigation.
Share and Free Speech on line
International Webmasters Association.

Utilizzo dei colori nel web

Dal punto di vista tecnico l'utilizzo dei colori sul web è a dir poco problematico.

Non tutti gli utenti ad esempio dispongono di monitor che supportano milioni di colori, ci possono poi essere differenze di rappresentazione da monitor a monitor, da sistema operativo ad un altro e spesso anche tra diversi software.
Il che rende strategico operare una scelta di colori che possa essere visualizzata correttamente su tutti i dispositivi (pensiamo ad esempio a palmari, cellulari, webtv con schermi a risoluzioni molto più basse rispetto ad un comune monitor).
I così detti "colori web safe" (o color cube, browser safe, ecc.).
Questi colori ammontano a 216 (più 40 adoperati però dal sistema operativo). Sistemi dunque con risoluzione a 8 bit.
Ogni cromatismo non incluso in questa palette presenterà un fastidioso effetto retinatura.

Risulta palese che le problematiche associate ai colori dipendono molto dal progetto che si intende realizzare e dallo sviluppo tecnico associato.
Se un sito deve essere visualizzato solo sui sistemi di ultima generazione sarà inutile e controproducente utilizzare la limitata palette dei colori web safe, mentre per un progetto che si adatti ai PDA o sui cellulari diverrà essenziale.
Qui diventa indispensabile dunque scegliere accuratamente il target di riferimento e le tecnologie necessarie al raggiungimento del nostro scopo.
Potremmo ad esempio creare pagine diverse per ogni dispositivo (o software) con palette adeguate o utilizzare CSS diversi per ogni esigenza.

Alla fine degli anni '90 Microsoft e Hewlett-Packard hanno cercato di ovviare a questi problemi di gamma elaborando l'RGB (sRGB).
Questa gamma di colori permette su tutte le macchine che hanno installato Windows una regolazione di gamma pari a circa 2,2. In modo tale da non aver differenze cromatiche da un software all'altro.
Nel 1998, inoltre, Adobe supporta RGB e la Apple lo implementa sui sistemi Mac attraverso il pannello di controllo Active Sync.
I 216 colori quindi si compongono di 6 gradazioni uniformemente spaziate di rosso (R), verde (G) e blu (B) e si basano su incrementi RGB del 20%.

Queste le sei gradazioni in RGB e esadecimale:

RGB: 0  51 102 153 204 255
Hex: 00 33  66  99  CC   FF

Scegli il colore con
ColorPicker.com - Quick Online Color Picker Tool colorpicker offre tutti i 16 milioni di colori, è opportuno scegliere con attenzione uno dei colori web safe
oppure
Cerca il codice del colore che vuoi utilizzare, questo link ti collega ad una utile applicazione presente sul sito www.colorschemer.com/online.html

#Tabella dei colori web safe

#ffffff #e4e4e4 #c0c0c0 #999999 #666666 #000000
#ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff
#ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
#ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
#ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
#ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
#ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff
#cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
#cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
#cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
#cC9900 #cC9933 #cC9966 #cC9999 #cC99cc #cC99ff
#cccc00 #cccC33 #cccC66 #cccC99 #cccccC #cccCff
#cCff00 #cCff33 #cCff66 #cCff99 #cCffcc #cCffff
#990000 #990033 #990066 #990099 #9900cc #9900ff
#993300 #993333 #993366 #993399 #9933cc #9933ff
#996600 #996633 #996666 #996699 #9966cc #9966ff
#999900 #999933 #999966 #999999 #9999cc #9999ff
#99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
#99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
#660000 #660033 #660066 #660099 #6600cc #6600ff
#663300 #663333 #663366 #663399 #6633cc #6633ff
#666600 #666633 #666666 #666699 #6666cc #6666ff
#669900 #669933 #669966 #669999 #6699cc #6699ff
#66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
#66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
#330000 #330033 #330066 #330099 #3300cc #3300ff
#333300 #333333 #333366 #333399 #3333cc #3333ff
#336600 #336633 #336666 #336699 #3366cc #3366ff
#339900 #339933 #339966 #339999 #3399cc #3399ff
#33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
#33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
#000000 #000033 #000066 #000099 #0000cc #0000ff
#003300 #003333 #003366 #003399 #0033cc #0033ff
#006600 #006633 #006666 #006699 #0066cc #0066ff
#009900 #009933 #009966 #009999 #0099cc #0099ff
#00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
#00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff