PDA

View Full Version : [Corso HTML Base] - Lez. 03 - I codici colore


Kugel
25-09-2002, 00:44
Una domanda posta da Aerys mi ha dato lo spunto per questa lezione "straordinara" sull'HTML di Base.

Questa volta verrà affrontato l'argomento dei codici colore.

Cosa sono, cosa significano, come li interpreta il browser, come si calcolano.

Innanzitutto una precisazione.

Il modo corretto per identificare il colore é proprio quello di indicare il codice esadecimale.
Il browser quando legge ad esembio Color="red" .. sa già di suo che deve leggerlo come "metti il colore corrispondente al codice esadecimale FF0000
In pratica é come se avesse una tabella di conversione interna che traduce i nomi dei colori piu' comuni .. nel loro codice esadecimale.

Quindi é il nome che viene tradotto in numero ... non il contrario :)

Fatta questa precisazione ...

Allora .. le pagine web hanno tutti colori in esadecimale.
Decimale .. in base 10 .. cifre da 0 a 9
Esadecimale .. in base 16 .. cifre da 0 a F

Il codice colore lo devete leggere come 3 numeri in esadecimale affiancati
Questi 3 numeri non sono altro che la composizione del colore in base alla percentuale dei 3 colori RGB [Red, Green, Blue]

La quantità di colore si esprime con un numero che va da 0 a 255 [ convertendolo in esadecimale --> da 0 a FF ]

Esempio ... il bianco:
Il bianco é la totalità del colore
Vuol dire che ha il 100% di rosso, il 100% di verde e il 100% di blu.

Il tutto si traduce in 255, 255, 255 --> che in esadecimale fa FF FF FF

Messi tutti attaccati diventa FFFFFF che diventa il codice colore esadecimale per identificare il bianco su qualsiasi browser :)

Ricordatevi poi che quando dovete assegnare il colore a qualche cosa ...
in html ogni codice colore va sempre fatto precedere dal simbolo #

Color="#FFFFFF"

Il rosso ... FF0000
Il verde ... 00FF00
Il blu ... 0000FF
etc etc ...

Come si calcola il codice colore ?

Se ci fate caso ...
in qualsiasi programma di grafica, quando scegliete il colore vi danno il valore in base a quella scala RGB ..
in pratica vi danno i 3 valori decimali di quel colore.

Usate la calcolatrice di windows [o un qualsiasi altro metodo per fare il cambio di base :) ] e li convertite nei 3 valori esadecimali.
Una volta che li avete ... li affianchiate ... ed ecco il codice esadecimale che identifica quel colore :)

Ulteriore precisazione ...
se ad esempio avete un colore che convertendo le sue 3 componenti RGB diventa --> F 3A 61 [quindi formato da meno di 6 caratteri in tutto ]

Considerate sempre che ognuno di quei 3 numeri deve essere sempre e cmq di 2 caratteri.

Quindi i numeri da 0 a F ... diventano 00 01 02 03 .... 0F

Ad esempio:
il nero [assenza di colore] che in decimale sarebbe 0,0,0
in esadecimale sarebbe rappresentato dai 3 valori 00 00 00 .... quindi per il web si avrebbe il codice 000000

:hello:

Tass O Mann
26-09-2002, 13:20
Manca qualsiasi riferimento all'uso del colore...


io aggiungo sto link
http://www.lighteducation.com/article.php?sid=24

Kugel
26-09-2002, 20:19
L'uso del colore é un argomento più adatto a The Eye ;)

Per l'utilizzo "pratico" si vedrà di volta in volta durante la spiegazione dei vari tag html :)
Per l'armonia dei colori ... *mumble* *mumble* ... quasi quasi ... :look:

Tasso ... mi hai dato un'idea :D
:hello:

Debian Hawk
01-10-2002, 15:46
sai che e veramente utilequesta cosa ... :)

Aerys
03-10-2002, 21:04
bello bello ^_^

~Hannibal~
04-10-2002, 20:55
Ciao!
Ho un problemino...2 domande:
1: Leftmargin e topmargin...le modifico ma nel sito nn cambia niente...quindi a che servono?
2: Come faccio a staccare il testo dal bordo e dall'altro???credevo fossero top e left margin ma nn cambia niente.. :)
ciao e grazie!!
ah se ti dovesse servire il sito è questo. (http://www.hannibalone.supereva.it)

Kugel
05-10-2002, 13:35
OT Mode: ON

Per ~Hannibal~
In questo topic la tua domanda é OT
I margini vengono trattati nella ---> [Corso HTML Base] - Lez. 02 - L'area Head e l'area Body (http://forum.igz.it/showthread.php?s=&threadid=45733)
Se le spiegazioni che trovi li non bastano a risolvere il tuo problema ... rispondi direttamente in quel topic :)

OT Mode: OFF
non postate più niente in questo topic che non abbia totale attinenza con l'argomento trattato :)

:hello: