Sunteți pe pagina 1din 8

Colores web

Colores web
Los colores web son aquellos colores que aparecen en una pgina web. Se pueden basar sobre los sistemas de color RGB o HSL. En el cdigo CSS (y antiguamente en HTML) son especificados como valores numricos, aunque hay algunos colores que son nombrados por nombres propios ingleses.

RGB
Fundamento terico
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 bsicos o primarios, no aquellos que son resultantes de mezclas) #RRGGBB (= #RRVVAA) Los valores que puede adaptar 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 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:

Colores web

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. Existen 16777216 combinaciones distintas en el sistema RGB de 24 bits y, por lo tanto, 16777216 colores: 256 256 256 = 16777216. En la prctica, sin embargo, puede haber algunas combinaciones que no sean vlidas. Eso pasaba antiguamente, cuando la paleta de colores ms grande tena 256 colores (8 bits). Por eso, existen 216 colores seguros, que sern visibles en cualquier dispositivo sin necesidad de tramado, reservndose los otros 40 colores para el sistema, de los cuales algunos se muestran aqu.

HSL
En el sistema de colores HSL los colores se miden por tres parmetros (hue, saturation y light) que determinan la posicin del color en el cilindro de colores HSL. El primer parmetro es el ngulo horizontal, el segundo es la distancia horizontal del centro de la base y el tercero es la distancia vertical (altura) del centro de la base.

Alpha
Un color puede mostrarse con una opacidad determinada en pantalla, que se determina por el parmetro alpha, que, aadido a RGB y HSL, los convierte en RGBa y HSLa.

Tabla de colores
Nombre HTML Cdigo hex R G B Cdigo decimal R G B Cdigo H S L

Colores rojos
IndianRed LightCoral Salmon DarkSalmon LightSalmon Crimson Red CD5C5C F08080 FA8072 E9967A FFA07A DC143C FF0000 205 92 92 240 128 128 250 128 114 233 150 122 255 160 122 220 20 60 255 0 0 0 53% 58% 0 79% 72% 6 93% 71% 15 72% 70% 17 100% 74% 348 83% 47% 0 100% 50%

Colores web

3
FireBrick DarkRed B22222 8B0000 178 34 34 139 0 0 0 68% 42% 0 100% 27%

Colores rosas
Pink LightPink HotPink DeepPink MediumVioletRed PaleVioletRed FFC0CB FFB6C1 FF69B4 FF1493 C71585 DB7093 255 192 203 255 182 193 255 105 180 255 20 147 199 21 133 219 112 147 350 100% 88% 351 100% 86% 330 100% 71% 328 100% 54% 322 81% 43% 340 60% 65%

Colores naranjas
LightSalmon Coral Tomato OrangeRed DarkOrange Orange FFA07A FF7F50 FF6347 FF4500 FF8C00 FFA500 255 160 122 255 127 80 255 99 71 255 69 0 255 140 0 255 165 0 17 100% 74% 16 100% 66% 9 100% 64% 16 100% 50% 33 100% 50% 39 100% 50%

Colores amarillos
Gold Yellow LightYellow LemonChiffon FFD700 FFFF00 FFFFE0 FFFACD 255 215 0 255 255 0 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 51 100% 50% 60 100% 50% 60 100% 94% 54 100% 90% 60 80% 90% 37 100% 92% 38 100% 85% 28 100% 86% 55 67% 80% 54 77% 75% 56 38% 58%

LightGoldenrodYellow FAFAD2 PapayaWhip Moccasin PeachPuff PaleGoldenrod Khaki DarkKhaki FFEFD5 FFE4B5 FFDAB9 EEE8AA F0E68C BDB76B

Colores prpuras
Lavender Thistle Plum Violet Orchid Fuchsia / Magenta MediumOrchid MediumPurple BlueViolet DarkViolet E6E6FA D8BFD8 DDA0DD EE82EE DA70D6 FF00FF BA55D3 9370DB 8A2BE2 9400D3 230 230 250 216 191 216 221 160 221 238 130 238 218 112 214 255 0 255 186 85 211 147 112 219 138 43 226 148 0 211

Colores web

4
DarkOrchid DarkMagenta Purple Indigo SlateBlue DarkSlateBlue 9932CC 8B008B 800080 4B0082 6A5ACD 483D8B 153 50 204 139 0 139 128 0 128 75 0 130 106 90 205 72 61 139

Colores verdes
GreenYellow Chartreuse LawnGreen Lime LimeGreen PaleGreen LightGreen MediumSpringGreen SpringGreen MediumSeaGreen SeaGreen ForestGreen Green DarkGreen YellowGreen OliveDrab Olive DarkOliveGreen MediumAquamarine DarkSeaGreen LightSeaGreen DarkCyan Teal ADFF2F 7FFF00 7CFC00 00FF00 32CD32 98FB98 90EE90 00FA9A 00FF7F 3CB371 2E8B57 228B22 008000 006400 9ACD32 6B8E23 808000 556B2F 66CDAA 8FBC8F 20B2AA 008B8B 008080 173 255 47 127 255 0 124 252 0 0 255 0 50 205 50 152 251 152 144 238 144 0 250 154 0 255 127 60 179 113 46 139 87 34 139 34 0 128 0 0 100 0 154 205 50 107 142 35 128 128 0 85 107 47 102 205 170 143 188 143 32 178 170 0 139 139 0 128 128

Colores web

Nombre HTML

Cdigo hex R G B

Cdigo decimal R G B

Colores azules
Aqua/Cyan LightCyan PaleTurquoise Aquamarine Turquoise 00FFFF E0FFFF AFEEEE 7FFFD4 40E0D0 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 30 144 255 100 149 237 123 104 238 65 105 225 0 0 255 0 0 205 0 0 139 0 0 128 25 25 112

MediumTurquoise 48D1CC DarkTurquoise CadetBlue SteelBlue LightSteelBlue PowderBlue LightBlue SkyBlue LightSkyBlue DeepSkyBlue DodgerBlue CornflowerBlue 00CED1 5F9EA0 4682B4 B0C4DE B0E0E6 ADD8E6 87CEEB 87CEFA 00BFFF 1E90FF 6495ED

MediumSlateBlue 7B68EE RoyalBlue Blue MediumBlue DarkBlue Navy MidnightBlue 4169E1 0000FF 0000CD 00008B 000080 191970

Colores marrones
Cornsilk BlanchedAlmond Bisque NavajoWhite Wheat BurlyWood Tan RosyBrown SandyBrown Goldenrod DarkGoldenrod FFF8DC FFEBCD FFE4C4 FFDEAD F5DEB3 DEB887 D2B48C BC8F8F F4A460 DAA520 B8860B 255 248 220 255 235 205 255 228 196 255 222 173 245 222 179 222 184 135 210 180 140 188 143 143 244 164 96 218 165 32 184 134 11

Colores web

6
Peru Chocolate SaddleBrown Sienna Brown Maroon CD853F D2691E 8B4513 A0522D A52A2A 800000 205 133 63 210 105 30 139 69 19 160 82 45 165 42 42 128 0 0

Colores blancos
White Snow Honeydew MintCream Azure AliceBlue GhostWhite WhiteSmoke Seashell Beige OldLace FloralWhite Ivory AntiqueWhite Linen LavenderBlush MistyRose FFFFFF FFFAFA F0FFF0 F5FFFA F0FFFF F0F8FF F8F8FF F5F5F5 FFF5EE F5F5DC FDF5E6 FFFAF0 FFFFF0 FAEBD7 FAF0E6 FFF0F5 FFE4E1 255 255 255 255 250 250 240 255 240 245 255 250 240 255 255 240 248 255 248 248 255 245 245 245 255 245 238 245 245 220 253 245 230 255 250 240 255 255 240 250 235 215 250 240 230 255 240 245 255 228 225

Colores grises
Gainsboro LightGrey Silver DarkGray Gray DimGray LightSlateGray SlateGray DarkSlateGray Black DCDCDC D3D3D3 C0C0C0 A9A9A9 808080 696969 778899 708090 2F4F4F 000000 220 220 220 211 211 211 192 192 192 169 169 169 128 128 128 105 105 105 119 136 153 112 128 144 47 79 79 000

Colores web

Enlaces externos
Cdigos de colores hexadecimales (mezclador) [1] Colores HTML (ingls) [2]

Referencias
[1] http:/ / html-color-codes. info/ codigos-de-colores-hexadecimales/ [2] http:/ / www. w3schools. com/ Html/ html_colors. asp

Fuentes y contribuyentes del artculo

Fuentes y contribuyentes del artculo


Colores web Fuente: http://es.wikipedia.org/w/index.php?oldid=68582611 Contribuyentes: Alejandroadan, Bafomet, Dodo, Donner, Dortega, Fransberns, Govi108, Interwiki, Jkbw, JorgeGG, Lukillas, Moriel, Plux, Sauron, SuperBraulio13, Triku, Youssefsan, 25 ediciones annimas

Fuentes de imagen, Licencias y contribuyentes


Archivo:Synthese+.svg Fuente: http://es.wikipedia.org/w/index.php?title=Archivo:Synthese+.svg Licencia: desconocido Contribuyentes: Quark67 Archivo:Synthese-.svg Fuente: http://es.wikipedia.org/w/index.php?title=Archivo:Synthese-.svg Licencia: Creative Commons Attribution-Sharealike 2.5 Contribuyentes: Quark67

Licencia
Creative Commons Attribution-Share Alike 3.0 Unported //creativecommons.org/licenses/by-sa/3.0/