Colores HTML

De Wikipedia, la enciclopedia libre

Saltar a navegación, búsqueda

En este artículo se describen los fundamentos del sistema de colores RGB con vistas a su posterior empleo en la páginas HTML.

Contenido

1 Fundamento teórico
2 Tabla simplificada de colores

2.1 Primarios aditivos saturados (absolutos)
2.2 Primarios sustractivos nulos (absolutos)
2.3 Algunos secundarios y terciarios (medianos)
2.4 Tabla de colores

3 Véase también
4 Enlaces externos

[editar] Fundamento teórico

La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primarios aditivos: Rojo-Verde-Azul. Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo 0xHH-HH-HH según el siguiente formato:

#RRGGBB (= #RRVVAA)

Los valores que puede adoptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal). Cuanto mayor sea el valor del par, tanto mayor será también la intensidad (matiz, brillo o claridad) del color correspondiente a ese par (y viceversa). Esto implica que el extremo inferior de la escala cromática parte de una intensidad (grado) de color mínima (nulo = par 0x00), pasa por una intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par 0xFF). El grado de más alta pureza (absoluto) de un color primario aditivo estará determinado por la presencia total del mismo (saturación = 0xFF) junto con la ausencia total (nulidad = 0x00) de los otros dos colores primarios aditivos.

Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): Cyan-Magenta-Amarillo. Estos colores surgen de la siguiente combinación (mezcla) de los primarios aditivos:

Cyan = 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 saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:

Rojo ↔ Cyan

Verde ↔ Magenta

Azul ↔ Amarillo

La combinación simultánea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF). Contrariamente, la combinación simultánea de los tres primarios sustractivos nulos produce el negro (0x000000). Resulta claro también que la combinación de dos colores mutuamente complementarios producirá el blanco, de igual modo que la sustracción (absorción) de ambos dará lugar al negro (ausencia total de color). Así, v. gr., el rojo (0xFF0000) más su complemetario que es el cyan (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cyan no es otra cosa que la sustracción del rojo al blanco. Obsérvense los siguientes gráficos:

Por su parte, el gris mediano (0x808080), que es el exacto término medio entre el negro y el blanco, se obtendrá a partir de la combinación simultánea de los tres primarios aditivos medianos. Análogamente, el gris semi-saturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris semi-nulo (oscuro) mediante 0x404040. De este modo, tenemos que el resto de los colores, que están comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la combinación 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 práctica, puede haber algunas combinaciones que no sean válidas. Eso pasaba antiguamente, cuando la paleta de colores más grande tenía 256 colores. Por eso, existen 216 colores reservados (otros 40 para el sistema), de los cuales algunos se muestran aquí.

[editar] Tabla simplificada de colores

Lo visto hasta aquí nos pone en condiciones de obtener la siguiente tabla de colores con sus respectivos valores hexadecimales:

[editar] Primarios aditivos saturados (absolutos)

ROJO = FF0000
VERDE = 00FF00
AZUL = 0000FF

Combinación de los tres primarios aditivos saturados (absolutos).

BLANCO = FFFFFF

[editar] Primarios sustractivos nulos (absolutos)

CYAN = 0x00FFFF
MAGENTA = 0xFF00FF
AMARILLO = 0xFFFF00

Combinación de los tres primarios sustractivos nulos (absolutos)

NEGRO = 0x000000

[editar] Algunos secundarios y terciarios (medianos)

GRIS = 0x808080
ROSA = 0xFF8080
VIOLETA = 0x800080
CELESTE = 0x80FFFF
MARRON = 0x800000

NARANJA = 0xFF8000
LAVANDA = 0x8000FF
TURQUESA = 0x00FF80
ORO VIEJO = 0xBBBB20

[editar] Tabla de colores

nombre HTML

código hex
R   G   B

código decimal
R   G   B

Colores Rojos
IndianRed | CD 5C 5C | 205 92 92
LightCoral | F0 80 80 | 240 128 128
Salmon | FA 80 72 | 250 128 114
DarkSalmon | E9 96 7A | 233 150 122
LightSalmon | FF A0 7A | 255 160 122
Crimson | DC 14 3C | 220 20 60
Red | FF 00 00 | 255 0 0
FireBrick | B2 22 22 | 178 34 34
DarkRed | 8B 00 00 | 139 0 0
Colores Rosas
Pink | FF C0 CB | 255 192 203
LightPink | FF B6 C1 | 255 182 193
HotPink | FF 69 B4 | 255 105 180
DeepPink | FF 14 93 | 255 20 147
MediumVioletRed | C7 15 85 | 199 21 133
PaleVioletRed | DB 70 93 | 219 112 147
Colores Naranjas
LightSalmon | FF A0 7A | 255 160 122
Coral | FF 7F 50 | 255 127 80
Tomato | FF 63 47 | 255 99 71
OrangeRed | FF 45 00 | 255 69 0
DarkOrange | FF 8C 00 | 255 140 0
Orange | FF A5 00 | 255 165 0
Colores Amarillos
Gold | FF D7 00 | 255 215 0
Yellow | FF FF 00 | 255 255 0
LightYellow | FF FF E0 | 255 255 224
LemonChiffon | FF FA CD | 255 250 205
LightGoldenrodYellow | FA FA D2 | 250 250 210
PapayaWhip | FF EF D5 | 255 239 213
Moccasin | FF E4 B5 | 255 228 181
PeachPuff | FF DA B9 | 255 218 185
PaleGoldenrod | EE E8 AA | 238 232 170
Khaki | F0 E6 8C | 240 230 140
DarkKhaki | BD B7 6B | 189 183 107
Colores Púrpuras
Lavender | E6 E6 FA | 230 230 250
Thistle | D8 BF D8 | 216 191 216
Plum | DD A0 DD | 221 160 221
Violet | EE 82 EE | 238 130 238
Orchid | DA 70 D6 | 218 112 214
Fuchsia | FC 0F C0 | 252 15 192
Magenta | FF 00 FF | 255 0 255
MediumOrchid | BA 55 D3 | 186 85 211
MediumPurple | 93 70 DB | 147 112 219
BlueViolet | 8A 2B E2 | 138 43 226
DarkViolet | 94 00 D3 | 148 0 211
DarkOrchid | 99 32 CC | 153 50 204
DarkMagenta | 8B 00 8B | 139 0 139
Purple | 80 00 80 | 128 0 128
Indigo | 4B 00 82 | 75 0 130
SlateBlue | 6A 5A CD | 106 90 205
DarkSlateBlue | 48 3D 8B | 72 61 139

nombre HTML

código hex
R   G   B

código decimal
R   G   B

Colores Verdes
GreenYellow | AD FF 2F | 173 255 47
Chartreuse | 7F FF 00 | 127 255 0
LawnGreen | 7C FC 00 | 124 252 0
Lime | 00 FF 00 | 0 255 0
LimeGreen | 32 CD 32 | 50 205 50
PaleGreen | 98 FB 98 | 152 251 152
LightGreen | 90 EE 90 | 144 238 144
MediumSpringGreen | 00 FA 9A | 0 250 154
SpringGreen | 00 FF 7F | 0 255 127
MediumSeaGreen | 3C B3 71 | 60 179 113
SeaGreen | 2E 8B 57 | 46 139 87
ForestGreen | 22 8B 22 | 34 139 34
Green | 00 80 00 | 0 128 0
DarkGreen | 00 64 00 | 0 100 0
YellowGreen | 9A CD 32 | 154 205 50
OliveDrab | 6B 8E 23 | 107 142 35
Olive | 80 80 00 | 128 128 0
DarkOliveGreen | 55 6B 2F | 85 107 47
MediumAquamarine | 66 CD AA | 102 205 170
DarkSeaGreen | 8F BC 8F | 143 188 143
LightSeaGreen | 20 B2 AA | 32 178 170
DarkCyan | 00 8B 8B | 0 139 139
Teal | 00 80 80 | 0 128 128
Colores Azules
Aqua/Cyan | 00 FF FF | 0 255 255
LightCyan | E0 FF FF | 224 255 255
PaleTurquoise | AF EE EE | 175 238 238
Aquamarine | 7F FF D4 | 127 255 212
Turquoise | 40 E0 D0 | 64 224 208
MediumTurquoise | 48 D1 CC | 72 209 204
DarkTurquoise | 00 CE D1 | 0 206 209
CadetBlue | 5F 9E A0 | 95 158 160
SteelBlue | 46 82 B4 | 70 130 180
LightSteelBlue | B0 C4 DE | 176 196 222
PowderBlue | B0 E0 E6 | 176 224 230
LightBlue | AD D8 E6 | 173 216 230
SkyBlue | 87 CE EB | 135 206 235
LightSkyBlue | 87 CE FA | 135 206 250
DeepSkyBlue | 00 BF FF | 0 191 255
DodgerBlue | 1E 90 FF | 30 144 255
CornflowerBlue | 64 95 ED | 100 149 237
MediumSlateBlue | 7B 68 EE | 123 104 238
RoyalBlue | 41 69 E1 | 65 105 225
Blue | 00 00 FF | 0 0 255
MediumBlue | 00 00 CD | 0 0 205
DarkBlue | 00 00 8B | 0 0 139
Navy | 00 00 80 | 0 0 128
MidnightBlue | 19 19 70 | 25 25 112

nombre HTML

código hex
R   G   B

código decimal
R   G   B

Colores Marrones
Cornsilk | FF F8 DC | 255 248 220
BlanchedAlmond | FF EB CD | 255 235 205
Bisque | FF E4 C4 | 255 228 196
NavajoWhite | FF DE AD | 255 222 173
Wheat | F5 DE B3 | 245 222 179
BurlyWood | DE B8 87 | 222 184 135
Tan | D2 B4 8C | 210 180 140
RosyBrown | BC 8F 8F | 188 143 143
SandyBrown | F4 A4 60 | 244 164 96
Goldenrod | DA A5 20 | 218 165 32
DarkGoldenrod | B8 86 0B | 184 134 11
Peru | CD 85 3F | 205 133 63
Chocolate | D2 69 1E | 210 105 30
SaddleBrown | 8B 45 13 | 139 69 19
Sienna | A0 52 2D | 160 82 45
Brown | A5 2A 2A | 165 42 42
Maroon | 80 00 00 | 128 0 0
Colores Blancos
White | FF FF FF | 255 255 255
Snow | FF FA FA | 255 250 250
Honeydew | F0 FF F0 | 240 255 240
MintCream | F5 FF FA | 245 255 250
Azure | F0 FF FF | 240 255 255
AliceBlue | F0 F8 FF | 240 248 255
GhostWhite | F8 F8 FF | 248 248 255
WhiteSmoke | F5 F5 F5 | 245 245 245
Seashell | FF F5 EE | 255 245 238
Beige | F5 F5 DC | 245 245 220
OldLace | FD F5 E6 | 253 245 230
FloralWhite | FF FA F0 | 255 250 240
Ivory | FF FF F0 | 255 255 240
AntiqueWhite | FA EB D7 | 250 235 215
Linen | FA F0 E6 | 250 240 230
LavenderBlush | FF F0 F5 | 255 240 245
MistyRose | FF E4 E1 | 255 228 225
Colores Grises
Gainsboro | DC DC DC | 220 220 220
LightGrey | D3 D3 D3 | 211 211 211
Silver | C0 C0 C0 | 192 192 192
DarkGray | A9 A9 A9 | 169 169 169
Gray | 80 80 80 | 128 128 128
DimGray | 69 69 69 | 105 105 105
LightSlateGray | 77 88 99 | 119 136 153
SlateGray | 70 80 90 | 112 128 144
DarkSlateGray | 2F 4F 4F | 47 79 79
Black | 00 00 00 | 0 0 0

[editar] Véase también

Modelo de color RGB
CMY(K)

[editar] Enlaces externos

Codigos de Colores Hexadecimal
Colores en CSS
HTML Colors (English)

Obtenido de "http://es.wikipedia.org/wiki/Colores_HTML"

Categorías: Infografía | Color | HTML | Desarrollo web

Vistas

Artículo

Discusión

Editar

Historial

Herramientas personales

Probar Beta

Registrarse/Entrar

Buscar

Navegación

Portada
Portal de la comunidad
Actualidad
Cambios recientes
Página aleatoria
Ayuda
Donaciones

Crear un libro

Añadir esta página
Ayuda de libros

Herramientas

Lo que enlaza aquí
Cambios en enlazadas
Subir archivo
Páginas especiales
Versión para imprimir
Enlace permanente
Citar este artículo
Versión en PDF

En otros idiomas

Català
Dansk
Deutsch
Ελληνικά
English
Euskara
فارسی
Magyar
Bahasa Indonesia
ქართული
한국어
Nederlands
Português
Русский
Svenska
ไทย
Türkçe
中文

Esta página fue modificada por última vez el 19:51, 2 oct 2009.
El texto está disponible bajo la Licencia Creative Commons Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales. Lee los términos de uso para más información.
Política de privacidad
Acerca de Wikipedia
Descargo de responsabilidad