Fundamento teórico [editar] 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í, p. ej., 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 semisaturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris seminulo (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í.
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 (absolutos) [editar] • • •
ROJO = FF0000 VERDE = 00FF00 AZUL = 0000FF
•
Combinación de los tres primarios aditivos saturados (absolutos). o BLANCO = FFFFFF
Primarios sustractivos nulos (absolutos) [editar] • •
CYAN = 0x00FFFF MAGENTA = 0xFF00FF
•
AMARILLO = 0xFFFF00
•
Combinación 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] Nombre HTML
Código Código hex decimal R G B R G B
Colores rojos IndianRed LightCoral Salmon DarkSalmon LightSalmon Crimson Red FireBrick DarkRed
LightPink HotPink
Código Código hex decimal R G B R G B
Colores verdes CD 5C 205 92 92 5C 240 128 F0 80 80 128 FA 80 250 128 72 114 E9 96 233 150 7A 122 FF A0 255 160 7A 122 DC 14 220 20 60 3C FF 00 00 255 0 0 B2 22 178 34 34 22 8B 00 139 0 0 00
Colores rosas Pink
Nombre HTML
FF C0 CB FF B6 C1 FF 69 B4
255 192 203 255 182 193 255 105 180
AD FF 173 255 2F 47 7F FF Chartreuse 127 255 0 00 7C FC LawnGreen 124 252 0 00 Lime 00 FF 00 0 255 0 32 CD LimeGreen 50 205 50 32 98 FB 152 251 PaleGreen 98 152 90 EE 144 238 LightGreen 90 144 00 FA MediumSpringGreen 0 250 154 9A 00 FF SpringGreen 0 255 127 7F 3C B3 60 179 MediumSeaGreen 71 113 2E 8B SeaGreen 46 139 87 57 22 8B ForestGreen 34 139 34 22 Green 00 80 00 0 128 0 GreenYellow
DeepPink MediumVioletRed PaleVioletRed
Colores naranjas LightSalmon Coral Tomato OrangeRed DarkOrange Orange
00 64 00 0 100 0 9A CD 154 205 YellowGreen C7 15 32 50 85 6B 8E 107 142 OliveDrab DB 70 23 35 93 Olive 80 80 00 128 128 0 55 6B DarkOliveGreen 85 107 47 2F FF A0 255 160 66 CD 102 205 7A 122 MediumAquamarine AA 170 FF 7F 255 127 8F BC 143 188 50 80 DarkSeaGreen 8F 143 FF 63 47 255 99 71 20 B2 32 178 FF 45 00 255 69 0 LightSeaGreen AA 170 FF 8C 255 140 0 00 8B 00 DarkCyan 0 139 139 8B FF A5 255 165 0 Teal 00 80 80 0 128 128 00 FF 14 93
255 20 147 199 21 133 219 112 147
Colores azules
Colores amarillos FF D7 00 FF FF Yellow 00 FF FF LightYellow E0 FF FA LemonChiffon CD FA FA LightGoldenrodYellow D2 FF EF PapayaWhip D5 FF E4 Moccasin B5 FF DA PeachPuff B9 EE E8 PaleGoldenrod AA F0 E6 Khaki 8C BD B7 DarkKhaki 6B Gold
255 215 0 Aqua/Cyan 255 255 0 LightCyan 255 255 224 255 250 205 250 250 210 255 239 213 255 228 181 255 218 185 238 232 170 240 230 140 189 183 107
Colores púrpuras Lavender Thistle Plum
DarkGreen
E6 E6 FA D8 BF D8 DD A0 DD
230 230 250 216 191 216 221 160 221
PaleTurquoise Aquamarine Turquoise MediumTurquoise DarkTurquoise CadetBlue SteelBlue LightSteelBlue PowderBlue LightBlue SkyBlue LightSkyBlue DeepSkyBlue
00 FF FF E0 FF FF AF EE EE 7F FF D4 40 E0 D0 48 D1 CC 00 CE D1 5F 9E A0 46 82 B4 B0 C4 DE B0 E0 E6 AD D8 E6 87 CE EB 87 CE FA 00 BF
0 255 255 224 255 255 175 238 238 127 255 212 64 224 208 72 209 204 0 206 209 95 158 160 70 130 180 176 196 222 176 224 230 173 216 230 135 206 235 135 206 250 0 191 255
Violet Orchid Fuchsia / Magenta MediumOrchid MediumPurple BlueViolet DarkViolet DarkOrchid DarkMagenta Purple Indigo SlateBlue DarkSlateBlue
EE 82 238 130 EE 238 DA 70 218 112 D6 214 FF 00 255 0 255 FF BA 55 186 85 D3 211 93 70 147 112 DB 219 8A 2B 138 43 E2 226 94 00 148 0 211 D3 99 32 153 50 CC 204 8B 00 139 0 139 8B 80 00 80 128 0 128 4B 00 75 0 130 82 6A 5A 106 90 CD 205 48 3D 72 61 139 8B
DodgerBlue CornflowerBlue MediumSlateBlue RoyalBlue Blue MediumBlue DarkBlue Navy MidnightBlue
FF 1E 90 FF 64 95 ED 7B 68 EE
30 144 255 100 149 237 123 104 238 65 105 41 69 E1 225 00 00 FF 0 0 255 00 00 0 0 205 CD 00 00 0 0 139 8B 00 00 80 0 0 128 19 19 70 25 25 112