Sunday, May 15, 2011

Utilizzo e la conversione di tavolozze dei colori-Safe

Durante la progettazione di pagine web in HTML, come probabilmente sapete, è possibile utilizzare una gamma incredibile di colori (oltre 16 milioni di euro) per i font, tabelle, sfondi e così via utilizzando l'attributo COLOR dei vari tag HTML.

Una cosa che molti webmaster principiante non credo che sia sul fatto che questi colori verranno visualizzati correttamente sugli schermi di visitatori che non hanno la grafica più recente mago-bang carte.

Ci sono ancora persone là fuori che hanno una scheda grafica che sono solo in grado di visualizzare 256 colori contemporaneamente. In questi casi, gli unici colori che si può essere sicuri saranno visualizzati correttamente sono quelli nella tavolozza dei colori browser-safe.

Per informazioni sulla tavolozza dei colori browser-safe vedere: http://www.graphicsacademy.com/what_colorsafe.php

Quindi, cosa succede se la tua pagina web include un colore che non è nella tavolozza dei colori-safe, e una persona tenta di visualizzare su uno schermo a 256 colori?

Risposta: dipende dal browser web dell'utente.

- In alcuni casi, i colori che non sono disponibili verranno convertiti con l'approssimazione di loro equivalenti "colore-safe". Questo può portare alla tua pagina web è diversa da ciò che è destinato.

- In altri casi, in particolare per le grandi aree di colore continuo (come gli sfondi e tabelle), il browser potrebbe tentare di simulare il vostro colore scelto da "dithering" due o più colori, il colore sicuro insieme. Questo fa di solito i colori aspetto granuloso, e molto spesso sembra assolutamente terribile. Se non sai cosa intendo per "dithering", si veda la spiegazione su: http://www.graphicsacademy.com/what_dither.php

La soluzione:

Rivedere il codice HTML, e guardare i colori in ogni attributo COLOR = ... poi cambiare per loro più stretti equivalenti colore-safe.

(Si consiglia di effettuare una copia di sicurezza delle tue pagine web prima di fare questo, nel caso in cui si effettua una Oopsy).


Capire l'attributo COLOR in codice HTML:

Se si guarda alla COLOR = attributi nel codice HTML, di solito guarda qualcosa come questo

Color = "# C20F8C"

(A volte si può anche vedere i colori denominati come "rosso" o "Magenta", che è oltre la portata di questa discussione, basta saltare una di queste).

I valori nella virgolette dopo il simbolo hash, sono in realtà tre coppie di cifre, che rappresentano i componenti rosso, verde e blu del colore espresso in numeri esadecimali nell'intervallo da 00 a FF.

ny, e molto spesso sembra assolutamente terribile. Se non sai cosa intendo per "dithering", si veda la spiegazione su: http://www.graphicsacademy.com/what_dither.php

La soluzione:

Rivedere il codice HTML, e guardare i colori in ogni attributo COLOR = ... poi cambiare per loro più stretti equivalenti colore-safe.

(Si consiglia di effettuare una copia di sicurezza delle tue pagine web prima di fare questo, nel caso in cui si effettua una Oopsy).


Capire l'attributo COLOR in codice HTML:

Se si guarda alla COLOR = attributi nel codice HTML, di solito guarda qualcosa come questo

Color = "# C20F8C"

(A volte si può anche vedere i colori denominati come "rosso" o "Magenta", che è oltre la portata di questa discussione, basta saltare una di queste).

I valori nella virgolette dopo il simbolo hash, sono in realtà tre coppie di cifre, che rappresentano i componenti rosso, verde e blu del colore espresso in numeri esadecimali nell'intervallo da 00 a FF.

Così, per il colore di cui sopra:

- C2 è la componente rossa
- 0F è la componente verde
- 8C è la componente blu

C'è anche una variante a tre cifre di cui sopra, che si possono occasionalmente imbattuto in:

Se vedi qualcosa di simile: color = "# F9C"

Poi dovete semplicemente ripetere ogni cifra, così F9C rappresenta:

- FF per la componente rossa
- 99 per la componente verde
- CC per la componente blu

Conversione in colore colori-Safe:

Ora si comprende la teoria, siamo pronti a convertire un colore nel suo equivalente più vicino colore-safe.

Per ciascuna delle Red, Green e Blue componenti, è necessario convertire separatamente in valori, è necessario convertire separatamente in equivalenti di colore-safe, e poi ricombinare il tutto insieme.

La fase di conversione è questa:

00-19 - converte a 00
1A a 4C - converte a 33
4D a 7F - converte a 66
80 a B2 - converte a 99
B3 a E5 - converte in CC
E6 a FF - converte a FF

Per esempio:

Se abbiamo bisogno di convertire C20F8C al suo equivalente più vicino colore di sicurezza:

- Vorremmo convertire la parte C2 CC
- Vorremmo convertire la parte 0F a 00
- Vorremmo convertire la parte 8C a 99
- E così avremmo CC0099 come il colore finale.

No comments:

Post a Comment