Miro yo
este pequeño rectángulo con su color verde y me
pregunto ¿cómo es posible dar a este color un
número? ¿No estamos locos al mezclar colores con
números? ¿Qué relaciones pueden tener unos
y otros?
Paso un largo ratos imaginándome hermosos y llamativos
colores y creyendo que es una barbaridad relacionar los números
con los colores... Al cabo de un cierto tiempo creyendo que
es una locura humana, empiezo a buscar alguna alternativa...
Tal vez el tema no sea relacionar un color con una cifra, sino
con una proporción; es decir: en este color verde entra
cierta cantidad de un color, otra cantidad de otro color y una
tercera cantidad de otro color.
Es entonces
cuando recuerdo una sigla: RGB
La mágica
sigla RGB
R de ROJO,
G de green (VERDE) y B de bleu (AZUL). Tres colores básicos:
ROJO, VERDE y AZUL conforman el significado en inglés de
RGB.
#FF0000
ROJO
#00FF00
GREEN (VERDE)
#0000FF
BLEU (AZUL)
Los números
de los colores
A los colores les damos
un número de seis cifras. Las dos primeras indican la cantidad
de rojo (R), las dos segundas se refieren a la cantidad de verde
(G) y las dos terceras a la cantidad de azul (B). Así,
las seis cifras son en realidad tres pares o, mejor dicho, tres
cifras de dos digitos cada una e indican la cantidad de RGB en
un color determinado.
#FF0000
#00FF00
#0000FF
#CC0000
#00CC00
#0000CC
#AA0000
#00AA00
#0000AA
#990000
#009900
#000099
#770000
#007700
#000077
#550000
#005500
#000055
#330000
#003300
#000033
Variaciones
en la cantidad de ROJO
Variaciones
en la cantidad de VERDE (G)
Variaciones
en la cantidad de AZUL (B)
Los números
HEXADECIMALES: Base 16
El signo ALMOHADILLA (#)
delante de un número indica que esa cantidad no se cuenta
en base 10 (cifras 0, 1, 2, 3, 4, 5, 6, 7, 8 y 9), tal como hacemos
en la vida común, sino en base 16, llamada HEXADECIMAL,
usando los números 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B,
C, D, E y F.
#
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
10
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#
11
12
13
14
15
16
17
18
19
1A
1B
1C
1D
1E
1F
20
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#
91
92
93
94
95
96
97
98
99
9A
9B
9C
9D
9E
9F
A0
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
#
A1
A2
A3
A4
A5
A6
A7
A8
A9
AA
AB
AC
AD
AE
AF
B0
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
#
F1
F2
F3
F4
F5
F6
F7
F8
F9
FA
FB
FC
FD
FE
FF
100
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
En esta tabla vemos la numeración
hexadecimal (#) y su correspondiente valor decimal.
Sólo con un color,
desde #00 hasta #FF, hay 256 tonalidades diferentes, aunque las
variaciones de 1 o 2 unidades no son fácilmente perceptibles
por miradas poco especializadas en este sentido. Con dos colores
hay (256*256) 65536 variaciones y con los tres colores hay 16.777.216
variaciones de color.
Cualquiera
de estos 16 millones y medio de colores puede ser aplicado a cualquier
elemento de una página web.
La propiedad color es una
atributo de todos los elementos de una página web, desde
el fonfo de la página, de una tabla, de una celda, de
una línea, pasando por las letras, líneas de las
tablas, etc.
#000000
#888888
#CCCCCC
#666666
#333333
#FFFFFF
El color
blanco (#FFFFFF) es la mezcla total de los tres colores RGB
El color negro (#000000) es la ausencia total de los tres colores
RGB
Las imágenes
y el color
Hay dos tipos de imágenes:
bitmap y vectoriales.
Las imágenes bitmap están formadas por puntos
muy pequeños y cada puntito tiene un color.
Estas imágenes
bitmap pueden ser de muchos tipos, aunque en las páginas
web se utilizan preferentemente de dos tipos que son dos formas
de comprensión:
Imágenes de muchos colores (fotos): imágenes ".jpg"
Imágenes de pocos colores (dibujos): imágenes
".gif"
Para que las
imágenes no ocupen tanta memoria, en las imágenes
jpg, se hace que los puntitos sean más grandes, por lo
que se cuentan menos puntitos. En las imágenes gif en
cambio, se rebaja el número de colores: en lugar de 640
colores, pues sólo 480.