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 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 |




Commenti recenti
42 settimane 3 giorni fa
1 anno 17 settimane fa
2 anni 14 settimane fa
2 anni 34 settimane fa
2 anni 34 settimane fa
2 anni 37 settimane fa
2 anni 50 settimane fa
2 anni 51 settimane fa
3 anni 5 settimane fa
3 anni 6 settimane fa