Colores HTML

De Wikipedia, la enciclopedia libre

Saltar a navegacin, bsqueda
En este artculo se describen los fundamentos del sistema de colores RGB con vistas a su posterior
empleo en la pginas HTML.

Contenido
[ocultar]

1 Fundamento terico

2 Tabla simplificada de colores

o

2.1 Primarios aditivos saturados (absoluto)

2.2 Primarios sustractivos nulos (absolutos)

2.3 Algunos secundarios y terciarios (medianos)

2.4 Tabla de colores

3 Vase tambin

4 Enlaces externos

Fundamento terico [editar]

La paleta de colores RGB (RVA en espaol) consta, bsicamente, de tres colores primarios aditivos:
Rojo-Verde-Azul. Estos colores primarios aditivos, en HTML, estn representados por tres pares
hexadecimales del tipo 0xHH-HH-HH segn el siguiente formato:(los colores basicos o primarios no
aquellos que no son resultantes de mezclas)
#RRGGBB (= #RRVVAA)
Los valores que puede adoptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al
0xFF (255 decimal). sea el valor del par, tanto mayor ser tambin la intensidad (matiz, brillo o
claridad) del color correspondiente a ese par (y viceversa). Esto implica que el extremo inferior de la
escala cromtica parte de una intensidad (grado) de color mnima (nulo = par 0x00), pasa por una
intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color
mxima (saturado = par 0xFF). El grado de ms alta pureza (absoluto) de un color primario aditivo

estar determinado por la presencia total del mismo (saturacin = 0xFF) junto con la ausencia total
(nulidad = 0x00) de los otros dos colores primarios aditivos.
Adems de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o
CMY (CMA en espaol): Cian- Magenta-Amarillo. Estos colores surgen de la siguiente
combinacin (mezcla) de los primarios aditivos:
Cian = Verde + Azul
Magenta = Rojo + Azul
Amarillo = Rojo + Verde
En cuanto a su grado de pureza, ocurre algo inverso a los colores primarios aditivos, ya que el grado
absoluto estar determinado por la nulidad de uno de sus componentes y la saturacin de los otros
dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, sern
recprocamente:
Rojo Cian
Verde Magenta
Azul Amarillo
La combinacin simultnea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF).
Contrariamente, la combinacin simultnea de los tres primarios sustractivos nulos produce el negro
(0x000000). Resulta claro tambin que la combinacin de dos colores mutuamente complementarios
producir el blanco, de igual modo que la sustraccin (absorcin) de ambos dar lugar al negro
(ausencia total de color). As, p. ej., el rojo (0xFF0000) ms su complemetario que es el cian
(0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cian no es otra cosa que la sustraccin del
rojo al blanco. Obsrvense los siguientes grficos:

Por su parte, el gris mediano (0x808080), que es el exacto trmino medio entre el negro y el blanco,
se obtendr a partir de la combinacin simultnea de los tres primarios aditivos medianos.

Anlogamente, el gris semisaturado (claro) se obtendr a partir de la combinacin 0xC0C0C0,

mientras que el gris seminulo (oscuro) mediante 0x404040. De este modo, tenemos que el resto de
los colores, que estn comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la
combinacin de los tres primarios aditivos en distintos grados. En otras palabras: bastar con
reemplazar cada uno de los pares 0xHH-HH-HH por un valor comprendido entre 0x00 y 0xFF para
obtener cualquiera de los colores posibles.
Aunque en la prctica, puede haber algunas combinaciones que no sean vlidas. Eso pasaba
antiguamente, cuando la paleta de colores ms grande tena 256 colores. Por eso, existen 216 colores
reservados (otros 40 para el sistema), de los cuales algunos se muestran aqu.

Tabla simplificada de colores [editar]

Lo visto hasta aqu, lleva a obtener la siguiente tabla de colores con sus respectivos valores
hexadecimales:

Primarios aditivos saturados (absoluto) [editar]

ROJO = FF0000

VERDE = 00FF00

AZUL = 0000FF

Combinacin de los tres primarios aditivos saturados (absolutos).

o

BLANCO = FFFFFF

Primarios sustractivos nulos (absolutos) [editar]

CIAN = 0x00FFFF

MAGENTA = 0xFF00FF

AMARILLO = 0xFFFF00

Combinacin de los tres primarios sustractivos nulos. (absolutos)

o

NEGRO = 0x000000

Algunos secundarios y terciarios (medianos) [editar]

GRIS = 0x808080

ROSA = 0xFF8080

VIOLETA = 0x800080

CELESTE = 0x80FFFF

MARRON = 0x800000

NARANJA = 0xFF8000

LAVANDA = 0x8000FF

TURQUESA = 0x00FF80

ORO VIEJO = 0xBBBB20

Tabla de colores [editar]

Cdig
Cdig
Cdig o
Cdig o
o hex decim
o hex decim
Nombre HTML
Nombre HTML
R G
al
R G
al
B
R G
B
R G
B
B

Colores rojos
IndianRed
LightCoral
Salmon
DarkSalmon
LightSalmon
Crimson
Red
FireBrick
DarkRed

Colores rosas
Pink
LightPink

Colores verdes

Nombre
HTML

Cdig
Cdig
o
o hex decim
R G
al
B
R G
B

Colores marrones

CD 205 92
AD 173
GreenYellow
5C 5C 92
FF 2F 255 47 Cornsilk
240
7F FF 127
F0 80
Chartreuse
128
00
255 0
80
BlanchedAlmo
128
7C FC 124
nd
LawnGreen
250
00
252 0
FA 80
128
00 FF
72
Lime
0 255 0 Bisque
114
00
233
32 CD 50 205
E9 96
LimeGreen
150
32
50
7A
122
NavajoWhite
152
98
FB
255
PaleGreen
251
FF A0
98
160
152
7A
122
Wheat
144
90 EE
DC 14 220 20 LightGreen
238
90
3C
60
144
BurlyWood
FF 00
255 0 0 MediumSpringGr 00 FA 0 250
00
een
9A
154
B2 22 178 34
00 FF 0 255
SpringGreen
Tan
22
34
7F
127
8B 00
139 0 0 MediumSeaGreen 3C B3 60 179
00
71
113
2E 8B 46 139 RosyBrown
SeaGreen
57
87
255
FF C0
22 8B 34 139 SandyBrown
192
ForestGreen
CB
22
34
203
00
80
255
Green
0 128 0 Goldenrod
FF B6
00
182
C1
193
DarkGreen
00 64 0 100 0 DarkGoldenro

255
FF F8
248
DC
220
255
FF EB
235
CD
205
255
FF E4
228
C4
196
255
FF DE
222
AD
173
245
F5 DE
222
B3
179
222
DE B8
184
87
135
210
D2 B4
180
8C
140
188
BC 8F
143
8F
143
F4 A4 244
60
164 96
DA 218
A5 20 165 32
B8 86 184

255
FF 69
HotPink
105
B4
180
FF 14 255 20
DeepPink
93
147
C7 15 199 21
MediumVioletRed
85
133
219
DB 70
PaleVioletRed
112
93
147

00
9A
154
YellowGreen
CD 32 205 50
6B 8E 107
OliveDrab
23
142 35
80 80 128
Olive
00
128 0
55 6B 85 107
DarkOliveGreen
2F
47
102
MediumAquamari 66 CD
Colores naranjas
205
ne
AA
170
255
FF A0
143
LightSalmon
160
8F BC
7A
DarkSeaGreen
188
122
8F
143
FF 7F 255
Coral
20 B2 32 178
50
127 80
LightSeaGreen
AA 170
FF 63 255 99
Tomato
00 8B 0 139
47
71
DarkCyan
8B
139
FF 45 255 69
OrangeRed
00 80 0 128
00
0
Teal
80
128
FF 8C 255
DarkOrange
00
140 0 Colores azules
FF A5 255
00 FF 0 255
Orange
00
165 0 Aqua/Cyan
FF
255
Colores amarillos
224
E0 FF
LightCyan
255
FF D7 255
FF
Gold
255
00
215 0
175
FF FF 255
AF
Yellow
PaleTurquoise
238
00
255 0
EE EE
238
255
FF FF
127
LightYellow
255
7F FF
E0
Aquamarine
255
224
D4
212
255
FF FA
40 E0 64 224
LemonChiffon
250
Turquoise
CD
D0
208
205
48 D1 72 209
250
MediumTurquoise
LightGoldenrodYell FA FA
CC
204
250
ow
D2
00 CE 0 206
210
DarkTurquoise
D1
209
255
FF EF
5F 9E 95 158
PapayaWhip
239
CadetBlue
D5
A0
160
213
46 82 70 130
255
SteelBlue
FF E4
B4
180
Moccasin
228
B5
181
176
B0 C4
LightSteelBlue
196
FF
255
DE
222
PeachPuff
DA 218
B9
185
PowderBlue
B0 E0 176
E6
224
PaleGoldenrod
EE E8 238

0B
134 11
CD 85 205
Peru
3F
133 63
D2 69 210
Chocolate
1E
105 30
8B 45 139 69
SaddleBrown
13
19
A0 52 160 82
Sienna
2D
45
A5 2A 165 42
Brown
2A
42
80 00
Maroon
128 0 0
00

Colores blancos
White
Snow
Honeydew
MintCream
Azure
AliceBlue
GhostWhite
WhiteSmoke
Seashell
Beige
OldLace
FloralWhite

255
FF FF
255
FF
255
255
FF FA
250
FA
250
240
F0 FF
255
F0
240
245
F5 FF
255
FA
250
240
F0 FF
255
FF
255
240
F0 F8
248
FF
255
248
F8 F8
248
FF
255
245
F5 F5
245
F5
245
255
FF F5
245
EE
238
245
F5 F5
245
DC
220
253
FD F5
245
E6
230
FF FA 255

232
170
240
F0 E6
230
8C
140
189
BD
183
B7 6B
107
AA

Khaki
DarkKhaki

Colores prpuras
230
E6 E6
Lavender
230
FA
250
216
D8 BF
Thistle
191
D8
216
DD 221
Plum
A0
160
DD 221
238
EE 82
Violet
130
EE
238
218
DA 70
Orchid
112
D6
214
FF 00 255 0
Fuchsia / Magenta
FF
255
BA 55 186 85
MediumOrchid
D3
211
147
93 70
MediumPurple
112
DB
219
8A 2B 138 43
BlueViolet
E2
226
94 00 148 0
DarkViolet
D3
211
99 32 153 50
DarkOrchid
CC
204
8B 00 139 0
DarkMagenta
8B
139
80 00 128 0
Purple
80
128
4B 00 75 0
Indigo
82
130
6A 5A 106 90
SlateBlue
CD 205
48 3D 72 61
DarkSlateBlue
8B
139

230
250
F0
240
173
AD
LightBlue
216
255
D8 E6
FF FF
230
Ivory
255
F0
240
135
87 CE
SkyBlue
206
250
EB
FA EB
235
AntiqueWhite
235
D7
215
135
87 CE
LightSkyBlue
206
250
FA
FA F0
250
Linen
240
E6
230
00 BF 0 191
DeepSkyBlue
FF
255
255
FF F0
LavenderBlush
240
1E 90 30 144
F5
DodgerBlue
245
FF
255
255
100
FF E4
64 95
MistyRose
228
CornflowerBlue
149
E1
ED
225
237
Colores grises
123
7B 68
MediumSlateBlue
104
DC 220
EE
238
Gainsboro
DC 220
41 69 65 105
DC 220
RoyalBlue
E1
225
211
D3 D3
00 00
LightGrey
211
Blue
0 0 255
D3
FF
211
00 00
192
MediumBlue
0 0 205
C0 C0
CD
Silver
192
C0
192
00 00
DarkBlue
0 0 139
8B
169
A9 A9
DarkGray
169
00 00
A9
Navy
0 0 128
169
80
128
19 19 25 25
80 80
MidnightBlue
Gray
128
70
112
80
128
105
69 69
DimGray
105
69
105
119
77 88
LightSlateGray
136
99
153
112
70 80
SlateGray
128
90
144
2F 4F 47 79
DarkSlateGray
4F
79
00 00
Black
000
00

Existen alrrededor de 167 000 combinaciones posibles de colores con cdigo hexadecimal, pero los
mencionados son los ms comunes.