Tavolozza di colori per il web



La 'tavolozza Web' è un insieme di 216 colori che ogni web designer dovrebbe conoscere e saper utilizzare per consentire ai visitatori di visualizzare le pagine nel modo in cui sono state progettate.

Un PC dotato di scheda video a 256 colori può mostrare solo 216 colori fissi in modo affidabile, ma non tutti i nostri utenti possono disporre di una scheda video capace di visualizzare migliaia di colori.

Quando un browser non dispone di determinati colori, avendone disponibili solo 256, prova a "crearli", mescolando pixel di colori. Il colore ottenuto è simile a quello non disponibile, ma non è il colore che hai scelto tu. Allora cosa fare per non rischiare?

Usa la palette di colori web safe che è comune a tutti i browser e che consente di evitare il processo di retinatura.

Ti starai ora chiedendo perché 216 colori e non 256? È presto detto: alcuni di questi 256 colori sono utilizzati dall'interfaccia del sistema operativo e non sono disponibili al browser. La cosa non deve farti disperare, né deve preoccuparti più di tanto perché la maggior parte degli editor HTML e degli strumenti grafici include la tavolozza Web, devi solo essere sicuro di avere selezionato la tavolozza giusta.

Questo vale soprattutto per i programmi come Photoshop, con i quali è possibile lavorare sia per il web che per la grafica da mandare in stampa, nei quali bisogna accertarsi che òa palette che stiamo usando sia proprio quella giusta.

Se preferisci la codifica HTML diretta, devi però conoscere il valore decimale di ciascun colore per il Web. Nel codice HTML ciascun valore è formato da sei cifre, preceduti dal simbolo #: i colori del Web sono sempre formati da tre coppie di cifre identiche, essendo tutte le cifre multiple di 3 (cioè 0, 3, 6, 9, C, F).

Ciò significa che #6600ff è un colore del Web, mentre non lo è #663d4e1.

Con l'evoluzione tecnologica la limitazione dei colori nel web sta gradualmente sparendo.

Questo è un vantaggio ma può rivelarsi fatale per una buona riuscita del progetto grafico dove bisognerebbe avere una rigorosa limitazione e un'armonia nell'utilizzo delle leggi cromatiche.

Basta guardare quello che succede nella comunicazione e nell'immagine coordinata delle aziende: l'uso dei colori è limitato. Allora questa regola dovrebbe essere usata anche nel web.

Stabilisci una gamma di colori limitata da usare nel tuo sito, e gioca con le loro diverse combinazioni per caratterizzare gli elementi che ne compongono la struttura grafica. Puoi anche giocare con il colore per differenziare le varie sezioni del tuo sito e creare con il colore delle chiavi di lettura.

Combinazioni efficaci di colore sono una questione di relazione tra colori, piuttosto che di scelta di una determinata sfumatura (sfumatura all'interno di una gamma).

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti