Nelle pagine web, così come nei forum di forumfree / forumcommunity, si fa un ampio uso dei colori, si colorano paragrafi di testo o singole parole, si aggiungono colori di sfondo o si usa il colore per evidenziare i links dal testo in cui sono inserti, e i modi per rappresentare il colore nell'HTML sono due:
1) Utilizzare un nome di colore supportato dai browser, esempio:
HTML
<span style="background-color: black; color: yellow">Questo è un testo di colore giallo su fondo nero</span>
Questo è un testo di colore giallo su fondo nero
I browser più diffusi supportano attualmente 147 nomi di colore, anche se soltanto 16 di essi sono considerati colori fondamentali, potete vederli in questa tabella
black
green
silver
lime
gray
olive
white
yellow
maroon
navy
red
blue
purple
teal
fuchsia
aqua
trovate un elenco completo dei nomi di colore nella seconda parte di questa guida, I nomi dei colori nell'HTML
2) Esprimere i vari colori come una combinazione di tre colori (chiamati anche luci) fondamentali, il rosso (Red), il verde (Green) e il blu (Blue), ognuno presente in quantità che possono variare da 0 a 255, i colori ottenibili in questo modo (il sistema RGB) sono 256 x 256 x 256 = 16777216 e vengono espressi utilizzando la notazione esadecimale, cioè con un sistema numerico a base 16
DEC
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
ESA
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
il che permette si esprimere tutti i valori delle tre componenti con una coppia di cifre, andando da un valore minimo di 00 (0) ad un valore massimo di FF (255) facendoli precedere da un simbolo # che indica il colore, questo è un esempio:
HTML
<span style="background-color: #000000; color: #FFFF00">Questo è un testo di colore giallo su fondo nero</span>
Questo è un testo di colore giallo su fondo nero
trovate una trattazione più dettagliata dell sistema RGB nella terza parte di questa guida I valori dei colori nell'HTML
In questa sezione della guida trovate una tabella che elenca 147 nomi di colore supportati dai browsers più utilizzati, nella colonna di sinistra della tabella c'è l'elenco dei nomi, in quella centrale l'equivalente valore esadecimale, a destra trovate un esempio del colore, vi ricordo che, anche se l'uso di questi nomi è possibile, solo i 16 colori fondamentali: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, e yellow fanno parte ufficialmente degli standard html e possono essere usati anche nei fogli di stile, se desiderate realizzare pagine web da validare con un validatore HTML o CSS dovete utilizzare i valori esadecimali, osservando la tabella potrete notare come, in realtà, il numero di colori ottenibili con questi sistema sia inferiore a 147, alcuni di questi colori vengono indicati con più nomi (per esempio Aqua e Cyan indicano sempre il colore #00FFFF, Fuchsia e Magenta sono il colore #FF00FF) e le varie sfumature di grigio si possono scrivere come Gray o Grey (LightSlateGray e LightSlateGrey sono due grafie diverse per lo stesso colore #778899).
Nel sistema RGB i colori vengono ottenuti con la combinazione di tre colori fondamentali, il rosso, il verde e il blu (Red, Green, Blue), che possono essere presenti con intensità variabili da 0 a 255, i colori ottenibili con questo sistema sono a 256 x 256 x 256 = 16777216. I colori vengono però espressi utilizzando la notazione esadecimale, utilizzando cioè un sistema numerico a base 16
DEC
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
ESA
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
il che ci permette di esprimere tutte le combinazioni possibili utilizzando, per tutti i colori, sei caratteri preceduti dal simbolo # (che è, nell'HTML, il simbolo che indica il colore).
I 256 valori possibili per i tre colori fondamentali vengono quindi espressi in una scala che ha, come valore più basso 00 (0) e, come valore più elevato FF (255), il colore nero, ad esempio, che è dato dalla minima intensità dei tre colori fondamentali, sarà indicato da questo codice: #000000, mentre il colore bianco, che è dato dalla massima intensità dei tre colori fondamentali, sarà indicato da questo: #FFFFFF . Potrebbe esservi necessario, per svariati motivi, convertire i valori esadecimali in valori decimali o viceversa, ad esempio non tutti i programmi utilizzati nella grafica esprimono i colori utilizzando i valori esadecimali oppure entrambi i sistemi esadecimale / decimale, alcuni utilizzano esclusivamente i valori decimali, in questo caso convertire i tre valori decimali in esadecimali potrebbe rivelarsi una necessità (nel caso dobbiate inserire un'immagine in una pagina web in HTML), per effettuare questa conversione in modo automatico esistono diversi programmi gratuiti facilmente reperibili in rete, oppure, se utilizzate windows come sistema operativo, potete effettuare facilmente la conversione utilizzando la calcolatrice incorporata (in modalità scientifica), in alternativa potete utilizare la tabella sottostante, dove trovate tutti i valori decimali da 0 a 255 (nelle colonne gialle) affiancati dai corrispondenti valori esadecimali (nelle colonne rosse)
Tabella di conversione valori decimali / esadecimali
DEC
HEX
DEC
HEX
DEC
HEX
DEC
HEX
DEC
HEX
DEC
HEX
DEC
HEX
DEC
HEX
0
00
32
20
64
40
96
60
128
80
160
A0
192
C0
224
E0
1
01
33
21
65
41
97
61
129
81
161
A1
193
C1
225
E1
2
02
34
22
66
42
98
62
130
82
162
A2
194
C2
226
E2
3
03
35
23
67
43
99
63
131
83
163
A3
195
C3
227
E3
4
04
36
24
68
44
100
64
132
84
164
A4
196
C4
228
E4
5
05
37
25
69
45
101
65
133
85
165
A5
197
C5
229
E5
6
06
38
26
70
46
102
66
134
86
166
A6
198
C6
230
E6
7
07
39
27
71
47
103
67
135
87
167
A7
199
C7
231
E7
8
08
40
28
72
48
104
68
136
88
168
A8
200
C8
232
E8
9
09
41
29
73
49
105
69
137
89
169
A9
201
C9
233
E9
10
0A
42
2A
74
4A
106
6A
138
8A
170
AA
202
CA
234
EA
11
0B
43
2B
75
4B
107
6B
139
8B
171
AB
203
CB
235
EB
12
0C
44
2C
76
4C
108
6C
140
8C
172
AC
204
CC
236
EC
13
0D
45
2D
77
4D
109
6D
141
8D
173
AD
205
CD
237
ED
14
0E
46
2E
78
4E
110
6E
142
8E
174
AE
206
CE
238
EE
15
0F
47
2F
79
4F
111
6F
143
8F
175
AF
207
CF
239
EF
16
10
48
30
80
50
112
70
144
90
176
B0
208
D0
240
F0
17
11
49
31
81
51
113
71
145
91
177
B1
209
D1
241
F1
18
12
50
32
82
52
114
72
146
92
178
B2
210
D2
242
F2
19
13
51
33
83
53
115
73
147
93
179
B3
211
D3
243
F3
20
14
52
34
84
54
116
74
148
94
180
B4
212
D4
244
F4
21
15
53
35
85
55
117
75
149
95
181
B5
213
D5
245
F5
22
16
54
36
86
56
118
76
150
96
182
B6
214
D6
246
F6
23
17
55
37
87
57
119
77
151
97
183
B7
215
D7
247
F7
24
18
56
38
88
58
120
78
152
98
184
B8
216
D8
248
F8
25
19
57
39
89
59
121
79
153
99
185
B9
217
D9
249
F9
26
1A
58
3A
90
5A
122
7A
154
9A
186
BA
218
DA
250
FA
27
1B
59
3B
91
5B
123
7B
155
9B
187
BB
219
DB
251
FB
28
1C
60
3C
92
5C
124
7C
156
9C
188
BC
220
DC
252
FC
29
1D
61
3D
93
5D
125
7D
157
9D
189
BD
221
DD
253
FD
30
1E
62
3E
94
5E
126
7E
158
9E
190
BE
222
DE
254
FE
31
1F
63
3F
95
5F
127
7F
159
9F
191
BF
223
DF
255
FF
da notare che, quando i valori dei tre componenti sono costituiti da coppie di caratteri, è possibile scrivere il colore in forma abbreviata, esempio
HTML
<span style="background-color: #000; color: #FF0">Questo è un testo di colore giallo su fondo nero</span>
Questo è un testo di colore giallo su fondo nero
Anni fa computer, sistemi operativi e browsers supportavano solo una quantità limitata di colori e si dovette affrontare il problema della diversa interpretazione dello stesso codice di colore da parte di browsers installati sui diversi sistemi operativi, problema che fu risolto selezionando una serie di colori che sarebbero stati interpretati allo stesso modo da tutti i browsers / sistemi operativi. Questo problema non si presenta più con i browser attuali e non è più necessario limitarsi ai 216 colori sicuri (safe colors), la tabella che trovate qui sotto può essere comunque una buona base di partenza per chi non abbia familiarità con l'uso dei colori nelle pagine web.
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
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
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
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
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
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
in questa guida Tabella colori HTML trovate una tabella con più di 1500 colori
Un discorso a pare può essere fatto per i grigi, col sistema RGB si ottiene una sfumatura di grigio tutte le volte che le tre componenti, rossa, verde e blu sono presenti nella stessa quantità, dato che i valori possibili sono 256 (da 0 a 255) le sfumature di grigio ottenibili con questo sistema, dal nero al bianco, sono 256, nella tabella che segue trovate una scala con 33 sfumature di grigio fondamentali
Il tag per colorare il testo col BBcode è il seguente
CODICE
[color=nome_del_colore]testo colorato[/color]
può essere utilizzato per colorare il testo (ed esclusivamente il testo) nei messaggi, nelle firma e in tagboard, in tutte e tre le possibilità trovate un menù a tendina dove poter selezionare sette colori preinstallati (Blu, Rosso, Porpora, Arancione, Giallo, Grigio, Verde), ovviamente nel codice, esattamente come nell'html, il nome del colore sarà in inglese (blue, red, purple, orange, yellow, gray, green) ma nel BBcode è possibile utilizzare tutti i nomi di colore impiegati nell'html, scrivendo il tag color o modificandolo manualmente prima dell'inserimento
CODICE
[color=fuchsia]Questo testo è color fuchsia[/color]
Questo testo è color fuchsia
nel Bbcode il colore può essere espresso utilizzando anche i valori esadecimali dei colori, nello stesso modo già visto per l'html
CODICE
[color=#FF00FF]Questo testo è color fuchsia[/color]