Nombres de Color
Además de los nombres de colores conocidos como azul, amarillo, verde, rojo, blanco y negro, hay algunos otros nombres menos conocidos que se utilizan, por ejemplo, en descripciones de productos, en la industria de la publicidad o la confección. La ventaja de estas definiciones de colores es que no tiene que memorizar los nombres de colores numéricos poco prácticos y difíciles de recordar.
A continuación, nos gustaría ver varios sistemas para nombrar colores. Primero comenzamos con los 16 colores de los primeros estándares HTML 4 respectivamente VGA y luego observamos los 140 colores que se definen en la especificación CSS 3. A esto le siguen más listas de colores del contexto de los lenguajes de programación y las paletas de colores del sistema, así como una lista de los Media Color Names especificados por el Printer Working Group:
- HTML y VGA Basic Color Keywords
- CSS 3 Extended Color Keywords
- Términos de Colores de varios Lenguajes de Programación
- Paletas de Colores Sistema
- Media Color Names del Printer Working Group
HTML y VGA Basic Color Keywords
Las siguientes 16 definiciones de colores son los primeros nombres de colores que podrían usarse en los documentos HTML. Esto significa que los nombres de colores inglés se pueden usar indistintamente en documentos HTML y hojas de estilo CSS en lugar de su notación hexadecimal (columna HEX) para asignar colores.
Inglés | Alemán | Español | Francés | HEX | RGB | RGB | RGB | |
Black | Schwarz | Negro | Noir | #000000 | 0 | 0 | 0 | |
Gray | Grau | Gris | Gris | #808080 | 128 | 128 | 128 | |
Silver | Silber | Plata | Argent | #C0C0C0 | 192 | 192 | 192 | |
White | Weiß | Blanco | Blanc | #FFFFFF | 255 | 255 | 255 | |
Navy | Marineblau | Azul Marino | Bleu Marine | #000080 | 0 | 0 | 128 | |
Blue | Blau | Azul | Bleu | #0000FF | 0 | 0 | 255 | |
Teal | Krickentengrün | Verde Azulado | Sarcelle | #008080 | 0 | 128 | 128 | |
Aqua | Wasser | Agua / Cian | Aqua / Cyan | #00FFFF | 0 | 255 | 255 | |
Green | Grün | Verde | Vert | #008000 | 0 | 128 | 0 | |
Lime | Limone | Lima | Vert Citron | #00FF00 | 0 | 255 | 0 | |
Maroon | Kastanie | Granate | Marron / Bordeaux | #800000 | 128 | 0 | 0 | |
Red | Rot | Rojo | Rouge | #FF0000 | 255 | 0 | 0 | |
Purple | Purpur | Púrpura | Pourpre / Violet | #800080 | 128 | 0 | 128 | |
Fuchsia | Fuchsia | Fucsia / Magenta | Fuchsia / Magenta | #FF00FF | 255 | 0 | 255 | |
Olive | Olivgrün | Verde Oliva | Jaune Olive | #808000 | 128 | 128 | 0 | |
Yellow | Gelb | Amarillo | Jaune | #FFFF00 | 255 | 255 | 0 | |
Originalmente, estos 16 colores se definían en la Microsoft Windows Default 16-Color Palette, que se usaba, por ejemplo, para iconos con 16 colores o para el modo de texto VGA (más sobre esto en la sección sobre las paletas de colores del sistema). Microsoft Paint también nos recuerda durante mucho tiempo esta selección de colores, ya que la paleta de colores de Paint predefinió estos colores como las primeras sugerencias hasta Windows XP.
La especificación CSS1 de 1996 no contenía ninguna definición para estos colores con respecto a sus valores RGB (cita: "their RGB values are not defined in this specification") sino que simplemente hacía referencia a la "Windows VGA palette" y etiquetó los nombres de los colores como una "suggested list of keyword color names". Sin embargo, la especificación HTML 3.2 publicada poco tiempo después a principios de 1997, contenía una lista completa de estos nombres de colores, incluidos los códigos RGB y los campos de color en la sección 6.5 ("Colors"). Esta lista se repitió en la especificación HTML 4.01 en 1999. La especificación CSS2 de 2011 también contenía finalmente una lista completa de estos nombres en la sección 4.3.6, incluidas sus definiciones a través de los valores RGB también mencionados aquí. La especificación CSS3 actual todavía enumera estos 16 nombres bajo el nombre "Basic Color Keywords", separándolas así de las "Extended Color Keywords", que veremos en la siguiente sección de este artículo.
Las traducciones (que se pueden encontrar en las columnas "Alemán", "Español" y "Francés") de los nombres de los colores inglés (columna "Inglés") son sólo para fines informativos. En los documentos HTML sólo se pueden utilizar los nombres de los colores en inglés, pero no importa si están escritos en letras mayúsculas o minúsculas.
CSS 3 Extended Color Keywords
Con la introducción del estándar CSS 3, la paleta de colores también se ha ampliado significativamente. Ahora también se pueden utilizar los siguientes 140 colores (de nuevo sólo los nombres en inglés) en las Cascading Style Sheets como alternativa a su notación hexadecimal. También con estos nombres, de nuevo, no importa la escritura en mayúsculas y minúsculas.
Los 16 colores del antiguo estándar HTML 3.2 / CSS 2 respectivamente VGA se adoptaron y también se incluyen en el nuevo estándar CSS 3 con los mismos nombres, por lo que esta extensión de color es completamente compatible con las versiones anteriores. En el CSS Color Module Level 3, la paleta de colores anterior se puede encontrar en la sección 4.1 bajo el nombre "Basic Color Keywords", mientras que los nuevos nombres de colores se definen en la sección 4.3 bajo el nombre "Extended Color Keywords". Sin embargo, las Extended Color Keywords también contienen los 16 nombres de colores anteriores además de nuevo.
Inglés | Alemán | Español | Francés | HEX | RGB | RGB | RGB | |
AliceBlue | Eisfarben | Azul Alicia | Bleu Alicia | #F0F8FF | 240 | 248 | 255 | |
AntiqueWhite | Antikweiß | Blanco Antigua | Vieux Blanc | #FAEBD7 | 250 | 235 | 215 | |
Aqua (=Cyan) | Wasser | Agua / Cian | Aqua / Cyan | #00FFFF | 0 | 255 | 255 | |
Aquamarine | Aquamarinblau | Aguamarina | Aigue-Marine | #7FFFD4 | 127 | 255 | 212 | |
Azure | Himmelblau | Azul Cielo | Bleu Ciel | #F0FFFF | 240 | 255 | 255 | |
Beige | Beige | Beige | Beige | #F5F5DC | 245 | 245 | 220 | |
Bisque | Biskuit | Bisque | Bisque | #FFE4C4 | 255 | 228 | 196 | |
Black | Schwarz | Negro | Noir | #000000 | 0 | 0 | 0 | |
Blanchedal- mond | Mandelweiß | Almendra Pálido | Amande Pâle | #FFEBCD | 255 | 235 | 205 | |
Blue | Blau | Azul | Bleu | #0000FF | 0 | 0 | 255 | |
Blueviolet | Blauviolett | Violeta Azul | Bleu Violet | #8A2BE2 | 138 | 43 | 226 | |
Brown | Braun | Marrón | Marron | #A52A2A | 165 | 42 | 42 | |
Burlywood | Gelbbraun | Madera | Bois | #DEB887 | 222 | 184 | 135 | |
CadetBlue | Kadettenblau | Azul Cadete |
Bleu Cadet | #5F9EA0 | 95 | 158 | 160 | |
Chartreuse | Hellgrün | Chartreuse | Chartreuse | #7FFF00 | 127 | 255 | 0 | |
Chocolate | Schokolade | Chocolate | Chocolat | #D2691E | 210 | 105 | 30 | |
Coral | Koralle | Coral | Corail | #FF7F50 | 255 | 127 | 80 | |
CornflowerBlue | Kornblumenblau | Azul Aciano | Bleuet | #6495ED | 100 | 149 | 237 | |
Cornsilk | Mais | Maíz | Corn | #FFF8DC | 255 | 248 | 220 | |
Crimson | Karmesinrot | Carmesi | Cramoisi | #DC143C | 220 | 20 | 60 | |
Cyan (=Aqua) | Türkis | Agua / Cian | Aqua / Cyan | #00FFFF | 0 | 255 | 255 | |
DarkBlue | Dunkelblau | Azul Oscuro | Bleu Foncé | #00008B | 0 | 0 | 139 | |
DarkCyan | Dunkeltürkis | Turquesa Oscuro | Turquoise Foncé | #008B8B | 0 | 139 | 139 | |
DarkGoldenrod | Dunkle Goldrutenfarbe | Vara de Oro Oscura | Verge d'or Sombre | #B8860B | 184 | 134 | 11 | |
DarkGreen | Dunkelgrün | Verde Oscuro | Vert Foncé | #006400 | 0 | 100 | 0 | |
DarkGray | Dunkelgrau | Gris Oscuro | Gris Foncé | #A9A9A9 | 169 | 169 | 169 | |
DarkKhaki | Dunkelkhaki | Caqui Oscuro |
Kaki Foncé | #BDB76B | 189 | 183 | 107 | |
DarkMagenta | Dunkelmagenta | Magenta Oscura | Magenta Foncé |
#8B008B | 139 | 0 | 139 | |
DarkOliveGreen | Dunkles Olivgrün | Verde Oliva Oscuro | Vert Olive Foncé | #556B2F | 85 | 107 | 47 | |
DarkOrange | Dunkles Orange | Naranja Oscura | Orange Foncé | #FF8C00 | 255 | 140 | 0 | |
DarkOrchid | Dunkle Orchidee | Orquidea Oscura | Orchidée Noire | #9932CC | 153 | 50 | 204 | |
DarkRed | Dunkelrot | Rojo Oscura |
Rouge Noire |
#8B0000 | 139 | 0 | 0 | |
DarkSalmon | Dunkle Lachsfarbe | Salmón Oscuro | Saumon Foncé | #E9967A | 233 | 150 | 122 | |
DarkSeaGreen | Dunkles Seegrün | Oscuro mar Verde | Mer Vert foncé | #8FBC8F | 143 | 188 | 143 | |
DarkSlateBlue | Dunkles Schieferblau | Azul Pizarra Oscuro | Bleu Ardoise Foncé | #483D8B | 72 | 61 | 139 | |
DarkSlateYellow | Dunkles Schiefergrau | Gris Pizarra Oscuro | Gris Ardoise Foncé | #2F4F4F | 47 | 79 | 79 | |
DarkTurquoise | Dunkeltürkis | Turquesa Oscuro | Turquoise Foncé | #00CED1 | 0 | 206 | 209 | |
DarkViolet | Dunkelvilolett | Púrpura Oscuro | Violet Foncé | #9400D3 | 148 | 0 | 211 | |
DeepPink | Tiefrosa | Rosa Profundo | Rose Profond | #FF1493 | 255 | 20 | 147 | |
DeepSkyBlue | Tiefes Himmelblau | Cielo Azul Profundo | Bleu Ciel Profond | #00BFFF | 0 | 191 | 255 | |
DimGray | Trübes Grau | Gris Nublado | Gris Nuageux | #696969 | 105 | 105 | 105 | |
DodgerBlue | Persenningblau | Cubierta Azul | Couverture Bleu | #1E90FF | 30 | 144 | 255 | |
Firebrick | Backstein | Ladrillo Refractario | Brique Réfractaire | #B22222 | 178 | 34 | 34 | |
FloralWhite | Blütenweiß | Blanco Floral | Blanc Floral | #FFFAF0 | 255 | 250 | 240 | |
ForestGreen | Waldgrün | Verde Bosque | Vert Forêt | #228B22 | 34 | 139 | 34 | |
Fuchsia (=Magenta) | Fuchsia | Fucsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
Gainsboro | Gainsboro | Gainsboro | Gainsboro | #DCDCDC | 220 | 220 | 220 | |
GhostWhite | Geisterweiß | Fantasma Blanco | Blanc Fantôme | #F8F8FF | 248 | 248 | 255 | |
Gold | Gold | Oro | Or | #FFD700 | 255 | 215 | 0 | |
Goldenrod | Goldrute | Solidago | Solidago | #DAA520 | 218 | 165 | 32 | |
Gray | Grau | Gris | Gris | #808080 | 128 | 128 | 128 | |
Green | Grün | Verde | Vert | #008000 | 0 | 128 | 0 | |
GreenYellow | Grüngelb | Verde Amarillo | Vert Jaune | #ADFF2F | 173 | 255 | 47 | |
Grey | Grau | Gris | Gris | #808080 | 128 | 128 | 128 | |
Honeydew | Honigmelone | Ambrosía | Ambroisie | #F0FFF0 | 240 | 255 | 240 | |
HotPink | Leuchtendes Rosa | Rosa Brillante | Rose Brillant | #FF69B4 | 255 | 105 | 180 | |
IndianRed | Indischrot | Rojo Indio | Rouge Indien | #CD5C5C | 205 | 92 | 92 | |
Indigo | Indigo | Índigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Ivory | Elfenbein | Marfil | Ivoire | #FFFFF0 | 255 | 255 | 240 | |
Khaki | Staubfarben | Caqui | Kaki | #F0E68C | 240 | 230 | 140 | |
Lavender | Lavendel | Lavanda | Lavande | #E6E6FA | 230 | 230 | 250 | |
LavenderBlush | Lavendelrosa | Rosa Lavanda | Rose Lavande | #FFF0F5 | 255 | 240 | 245 | |
LawnGreen | Rasengrün | Verde Césped | Vert Pelouse | #7CFC00 | 124 | 252 | 0 | |
Lemonchiffon | Chiffongelb | Gasa Amarilla | Mousseline Jaune | #FFFACD | 255 | 250 | 205 | |
LightBlue | Hellblau | Azul Luz |
Bleue Lumière |
#ADD8E6 | 173 | 216 | 230 | |
LightCoral | Helles Korallenrot | Rojo Coral Brillante | Rouge Corail Vif | #F08080 | 240 | 128 | 128 | |
LightCyan | Helles Cyan | Cian Luz | Cyan Clair | #E0FFFF | 224 | 255 | 255 | |
Light Goldenrod Yellow | Helles Goldrutengelb | Amarillo Dorado Claro | Jaune Clair | #FAFAD2 | 250 | 250 | 210 | |
LightGray | Hellgrau | Gris Claro | Gris Clair | #D3D3D3 | 211 | 211 | 211 | |
LightGreen | Hellgrün | Verde Claro | Vert Clair | #90EE90 | 144 | 238 | 144 | |
LightGray | Hellgrau | Gris Claro | Cris Clair | #D3D3D3 | 211 | 211 | 211 | |
LightPink | Hellrosa | Rosa Claro | Rose Clair | #FFB6C1 | 255 | 182 | 193 | |
LightSalmon | Helle Lachsfarbe | Salmón Claro | Saumon Clair | #FFA07A | 255 | 160 | 122 | |
LightSeaGreen | Helles Seegrün | Verde Mar Claro | Vert Mer Clair | #20B2AA | 32 | 178 | 170 | |
LightSkyBlue | Helles Himmelblau | Cielo Azul Brillante | Ciel Bleu Clair | #87CEFA | 135 | 206 | 250 | |
LightSlateGray | Helles Schiefergrau | Gris Pizarra Brillante | Gris Ardoise Brillant | #778899 | 119 | 136 | 153 | |
LightSteelBlue | Helles Stahlblau | Azul Acero Brillante | Bleu Acier Brillant | #B0C4DE | 176 | 196 | 222 | |
LightYellow | Hellgelb | Amarillo Claro | Jaune Clair | #FFFFE0 | 255 | 255 | 224 | |
Lime | Limone | Lima | Citron | #00FF00 | 0 | 255 | 0 | |
LimeGreen | Limonengrün | Verde Lima | Vert Citron | #32CD32 | 50 | 205 | 50 | |
Linen | Leinen | Lino | Lin | #FAF0E6 | 250 | 240 | 230 | |
Magenta (=Fuchsia) | Magenta | Magenta | Magenta | #FF00FF | 255 | 0 | 255 | |
Maroon | Kastanie | Granate | Marron / Bordeaux | #800000 | 128 | 0 | 0 | |
Medium Aquamarine | Mittleres Aquamarin | Aguamarina Mediana | Aigue-Marine Moyenne | #66CDAA | 102 | 205 | 170 | |
Medium Blue | Mittleres Blau | Azul Medio | Bleu Moyen | #0000CD | 0 | 0 | 205 | |
Medium Orchid | Mittlere Orchidee | Orquidea Media | Orchidée Moyenne | #BA55D3 | 186 | 85 | 211 | |
Medium Purple | Mittleres Violett | Púrpura Medio | Violet Moyen | #9370DB | 147 | 112 | 219 | |
Medium SeaGreen | Mittleres Seegrün | Mar Verde Medio | Vert de Mer Moyen | #3CB371 | 60 | 179 | 113 | |
Medium SlateBlue | Mittleres Schieferblau | Azul Pizarra Mediana | Bleu Ardoise Moyenne | #7B68EE | 123 | 104 | 238 | |
Medium SpringGreen | Mittleres Frühlingsgrün | Verde Primavera Mediana | Vert de Printemps Moyen | #00FA9A | 0 | 250 | 154 | |
Medium Turquoise | Mittlere Türkis | Turquesa Medio | Turquoise Moyen | #48D1CC | 72 | 209 | 204 | |
Medium VioletRed | Mittleres Violettrot | Rojo Púrpura Medio | Rouge Pourpre Moyen | #C71585 | 199 | 21 | 133 | |
MidnightBlue | Mitternachtsblau | Azul Medianoche | Bleue Minuit | #191970 | 25 | 25 | 112 | |
Mintcream | Cremige Minze | Menta Cremosa | Menthe Crémeuse | #F5FFFA | 245 | 255 | 250 | |
Mistyrose | Altrosa | Rojo Viejo | Vieux Rose | #FFE4E1 | 255 | 228 | 225 | |
Moccasin | Mokassin | Mocassin | Mocassin | #FFE4B5 | 255 | 228 | 181 | |
NavajoWhite | Navajoweiß | Blanco Navajo | Blanc Navajo | #FFDEAD | 255 | 222 | 173 | |
Navy | Marineblau | Azul Marino | Bleu Marine | #000080 | 0 | 0 | 128 | |
Oldlace | Alte Spitze | Encaje Viejo | Vieille Dentelle | #FDF5E6 | 253 | 245 | 230 | |
Olive | Olivgrün | Verde Oliva | Jaune Olive | #808000 | 128 | 128 | 0 | |
Olivedrab | Olivgraubraun | Gris Oliva Marrón | Olive Gris Brun | #6B8E23 | 107 | 142 | 35 | |
Orange | Orange | Naranja | Orange | #FFA500 | 255 | 165 | 0 | |
OrangeRed | Orangerot | Rojo Anaranjado | Rouge Orange | #FF4500 | 255 | 69 | 0 | |
Orchid | Orchidee | Orquídea | Orchidée | #DA70D6 | 218 | 112 | 214 | |
PaleGoldenrod | Blasse Goldrutenfarbe | Vara de Oro Pálida | Verge d'Or Pâle | #EEE8AA | 238 | 232 | 170 | |
PaleGreen | Blassgrün | Verde Pálido | Vert Pâle | #98FB98 | 152 | 251 | 152 | |
PaleTurquoise | Blasstürkis | Turquesa Pálido | Turquoise Pâle | #AFEEEE | 175 | 238 | 238 | |
PaleVioletRed | Blasses Violettrot | Rojo Violeta Pálido | Violet Rouge Pâle | #DB7093 | 219 | 112 | 147 | |
Papayawhip | Papayacreme | Crema de Papaya | Crème de Papaye | #FFEFD5 | 255 | 239 | 213 | |
Peachpuff | Pfirsich | Melocotón | Pêche | #FFDAB9 | 255 | 218 | 185 | |
Peru | Peru | Perú | Pérou | #CD853F | 205 | 133 | 63 | |
Pink | Rosa | Rosa | Rose | #FFC0CB | 255 | 192 | 203 | |
Plum | Pflaume | Ciruela | Prune | #DDA0DD | 221 | 160 | 221 | |
PowderBlue | Taubenblau | Azul Palomas | Bleu de Pigeons | #B0E0E6 | 176 | 224 | 230 | |
Purple | Purpur | Púrpura | Pourpre / Violet | #800080 | 128 | 0 | 128 | |
Red | Rot | Rojo | Rouge | #FF0000 | 255 | 0 | 0 | |
RosyBrown | Rosiges Braun | Marrón Rosado | Brun Rosé | #BC8F8F | 188 | 143 | 143 | |
RoyalBlue | Königsbalu | Azul Real | Bleu Royal | #4169E1 | 65 | 105 | 225 | |
SaddleBrown | Sattelbraun | Marrón Ensillar | Brune Selle | #8B4513 | 139 | 69 | 19 | |
Salmon | Lachsfarben | Salmón | Saumon | #FA8072 | 250 | 128 | 114 | |
SandyBrown | Sandbraun | Marrón Arena | Brun Sable | #F4A460 | 244 | 164 | 96 | |
SeaGreen | Seegrün | Verde Lago | Vert Lac | #2E8B57 | 46 | 139 | 87 | |
Seashell | Muschel | Concha | Coquillage | #FFF5EE | 255 | 245 | 238 | |
Sienna | Siennaerde | Tierra de Siena | Terre de Sienne | #A0522D | 160 | 82 | 45 | |
Silver | Silber | Plata | Argent | #C0C0C0 | 192 | 192 | 192 | |
SkyBlue | Himmelblau | Cielo Azul | Bleu Ciel | #87CEEB | 135 | 206 | 235 | |
SlateBlue | Schieferblau | Azul Pizarra | Bleu Ardoise | #6A5ACD | 106 | 90 | 205 | |
SlateGray | Schiefergrau | Gris Pizarra | Gris Ardoise | #708090 | 112 | 128 | 144 | |
Snow | Schneeweiß | Blanco Nieve | Blanc Neige | #FFFAFA | 255 | 250 | 250 | |
SpringGreen | Frühlingsgrün | Verde del Resorte | Vert Printemps | #00FF7F | 0 | 255 | 127 | |
SteelBlue | Stahlblau | Azul de Acero | Bleu Acier | #4682B4 | 70 | 130 | 180 | |
Tan | Hautfarben | Bronceado | Tanné | #D2B48C | 210 | 180 | 140 | |
Teal | Krickentengrün | Verde Azulado | Sarcelle | #008080 | 0 | 128 | 128 | |
Thistle | Distel | Cardo | Chardon | #D8BFD8 | 216 | 191 | 216 | |
Tomato | Tomate | Tomate | Tomate | #FF6347 | 255 | 99 | 71 | |
Turquoise | Türkis | Turquesa | Turquoise | #40E0D0 | 64 | 224 | 208 | |
Violet | Veilchen | Violeta | Violet | #EE82EE | 238 | 130 | 238 | |
Wheat | Weizen | Trigo | Blé | #F5DEB3 | 245 | 222 | 179 | |
White | Weiß | Blanco | Blanc | #FFFFFF | 255 | 255 | 255 | |
WhiteSmoke | Rauchfarben | Blanco Humo | Blanche Fumée |
#F5F5F5 | 245 | 245 | 245 | |
Yellow | Gelb | Amarillo | Jaune | #FFFF00 | 255 | 255 | 0 | |
YellowGreen | Gelbgrün | Verde Amarillo | Vert Jaune | #9ACD32 | 154 | 205 | 50 | |
Los nuevos términos de color CSS se originaron en una lista de colores que se desarrolló inicialmente para el sistema Windows X11 (software Unix para crear interfaces gráficas de usuario). La primera versión de esta lista de colores se publicó en 1989. Posteriormente, esta lista se amplió a lo largo de los años y finalmente se adoptó en el estándar CSS con sólo unas pocas modificaciones. La decisión de adoptar los nombres de colores X11 también fue respaldada por el hecho de que algunos navegadores desarrollados originalmente para el sistema X Window, como el Netscape Navigator o el Mosaic Browser, ya era compatible con esa lista de colores como aplicaciones X.
Por último, cabe señalar también que en lugar de "Gray" también se puede escribir "Grey" (esto también se aplica a los nombres de colores como LightGray, DarkGray, SlateGray, LightSlateGray o DimGray) y los colores Aqua y Cyan, así como Magenta y Fuchsia son idénticos. Por supuesto, el navegador utilizado también debe ser compatible con el estándar CSS 3 para que los colores se muestren correctamente. Sin embargo, este debería ser el caso para todos los navegadores habituales en la actualidad.
Términos de Colores de varios Lenguajes de Programación
Aparte de CSS y HTML, también muchos otros lenguajes de programación y de marcado como Java, Pascal (FreePascal, Lazarus, Delphi), VBA (Visual Basic for Applications) o TeX/LaTex, así como el application framework y GUI toolkit Qt simplifican el selección de colores usando nombres de colores en forma de constantes predefinidas que se pueden usar al programar en el lenguaje respectivo, de modo que el color en cuestión no tenga que definirse usando su valor de color numérico, sino que se pueda definir simplemente usando un nombre que sea más fácil de recordar. Además, la siguiente tabla contiene, si está disponible, el color equivalente del estándar W3C CSS3 en la columna "CSS" (consulte la última sección), así como el equivalente de la paleta de colores "Media Color Names" del Printer Working Group en la columna "PWG" (consulte la sección después de la siguiente).
En los idiomas mencionados se conocen los siguientes nombres y constantes de color para los 30 colores enumerados:
HEX | CSS | Java | Pascal | Qt | VBA | LaTeX | PWG | |
#000000 | Black | BLACK | clBlack | black | vbBlack | black | Black | |
#404040 | - | DARK_GRAY | clDkGray | - | - | darkgray | Dark Gray | |
#808080 | Gray | GRAY | clGray | darkGray | - | gray | Gray | |
#A0A0A0 | - | - | clMedGray | gray | - | - | - | |
#BFBFBF | - | - | - | - | - | lightgray | - | |
#C0C0C0 | Silver | - | clSilver/clLtGray | lightGray | - | - | Silver | |
#FFFBF0 | - | - | clCream | - | - | - | - | |
#FFFFFF | White | WHITE | clWhite | white | vbWhite | white | White | |
#FFBFBF | - | - | - | - | - | pink | - | |
#FFAFAF | - | PINK | - | - | - | - | - | |
#FF00FF | Fuchsia | MAGENTA | clFuchsia | magenta | vbMagenta | magenta | Magenta | |
#FF0000 | Red | RED | clRed | red | vbRed | red | Red | |
#BF0040 | - | - | - | - | - | purple | - | |
#800000 | Maroon | - | clMaroon | darkRed | - | - | - | |
#800080 | Purple | - | clPurple | darkMagenta | - | violet | - | |
#000080 | Navy | - | clNavy | darkBlue | - | - | - | |
#0000FF | Blue | BLUE | clBlue | blue | vbBlue | blue | Blue | |
#00FFFF | Aqua | CYAN | clAqua | cyan | vbCyan | cyan | Cyan | |
#A6CAF0 | - | - | clSkyBlue | - | - | - | - | |
#C0DCC0 | - | - | clMoneyGreen | - | - | - | - | |
#BFFF00 | - | - | - | - | - | lime | - | |
#00FF00 | Lime | GREEN | clLime | green | vbGreen | green | - | |
#008080 | - | - | clTeal | darkCyan | - | teal | - | |
#008000 | Green | - | clGreen | darkGreen | - | - | Green | |
#808000 | Olive | - | clOlive | darkYellow | - | - | - | |
#9F8C18 | - | - | - | - | - | olive | - | |
#BF8040 | - | - | - | - | - | brown | - | |
#FF8000 | - | - | - | - | - | orange | - | |
#FFC800 | - | ORANGE | - | - | - | - | - | |
#FFFF00 | Yellow | YELLOW | clYellow | yellow | vbYellow | yellow | Yellow |
Como puede ver, los colores blanco y negro, así como muchos de los "simples" colores RGB y básicos como rojo, azul, amarillo, fucsia/magenta o cian/aqua se definen de la misma manera en casi todos los contextos. Sin embargo, existen diferencias con los colores más mezclados como el rosa y el naranja y especialmente en los tonos verdes y los tonos grises (más sobre esto en el artículo vinculado).
Además del hecho de que las definiciones de color pueden variar entre sí, cuando se utilizan constantes de color en la programación, es importante tener en cuenta que algunos lenguajes de programación también proporcionan constantes de color que no representan un color fijo sino que dependen del contexto:
Por ejemplo, las constantes de color que se muestran en la tabla para el lenguaje de programación Pascal o FreePascal, que se pueden usar en Delphi y Lazarus y que están fijadas para un color determinado, no deben confundirse con las constantes de color para los colores del sistema que son también disponible en estos entornos y puede contener diferentes valores de color según el sistema, la versión y la configuración. Los ejemplos de esta categoría incluyen el color de fondo estándar de las ventanas (clWindow), el color estándar para el texto en Windows (clWindowText), el color de fondo para las marcas de texto (clHighlight), el color de fuente de las marcas de texto (clHighlightText), los colores de los botones estándar (clBtnFace y clBtnText) o clDefault como color estándar universal para cualquier control o contexto. Estas constantes se pueden utilizar para adaptar su propia aplicación a la combinación de colores del sistema operativo y, por lo demás, no tienen nada que ver con nombres de colores predefinidos.
También cabe mencionar que muchos lenguajes de programación mientras tanto también ofrecen como constantes de color los nombres de colores del estándar CSS3 presentado en la segunda sección de este artículo. Por ejemplo, a partir de FreePascal 3.2.0, los colores CSS3 W3C pueden estar disponibles como constantes en Lazarus a través de la unidad System.Uitypes o en Tex/LaTeX cargando el paquete "svgnames" a través de \usepackage[svgnames]{xcolor}. En LaTeX, sin embargo, a diferencia del estándar CSS, los nombres distinguen entre mayúsculas y minúsculas y, por lo tanto, sólo pueden usarse en su escritura original definida.
Paletas de Colores Sistema
Los sistemas operativos anteriores de la era de las pantallas de 8 bits, que con su profundidad de color de 8 bits sólo podían mostrar 256 colores diferentes simultáneamente, a menudo proporcionaban paletas de colores parcialmente predefinidas que podían usarse fácilmente en la forma original o modificada.
La siguiente tabla muestra tres de estas paletas de colores: la Microsoft Windows e IBM OS/2 Default 16-Color Palette en la columna "WIN-16", la Microsoft Windows Default 20-Color Palette en la columna "WIN-20" así como la Apple Macintosh Default 16-Color Palette en la columna "MAC-16". Además de los valores de color y los nombres de los colores, la tabla también muestra los índices de los colores individuales dentro de la paleta de colores respectiva. Los índices libres se podrían utilizar para definir colores propios como alternativa a sobrescribir los índices existentes.
WIN-16 | WIN-20 | MAC-16 | |||||||
#000000 | 0 | Black | 0 | Black | #000000 | 15 | Black | ||
#800000 | 1 | Maroon | 1 | Dark Red | #562C05 | 10 | Brown | ||
#008000 | 2 | Green | 2 | Dark Green | #006412 | 9 | Dark Green | ||
#808000 | 3 | Olive | 3 | Dark Yellow | #90713A | 11 | Tan | ||
#000080 | 4 | Navy | 4 | Dark Blue | - | - | - | - | |
#800080 | 5 | Purple | 5 | Dark Magenta | #4700A5 | 5 | Purple | ||
#008080 | 6 | Teal | 6 | Dark Cyan | - | - | - | - | |
#C0C0C0 | 7 | Silver | 7 | Light Grey | #C0C0C0 | 12 | Light Grey | ||
#C0DCC0 | - | - | 8 | Money Green | - | - | - | - | |
#A6CAF0 | - | - | 9 | Sky Blue | - | - | - | - | |
#FFFBF0 | - | - | 246 | Cream | #FF6403 | 2 | Orange | ||
#A0A0A4 | - | - | 247 | Medium Grey | #808080 | 13 | Medium Grey | ||
#808080 | 8 | Gray | 248 | Dark Grey | #404040 | 14 | Dark Grey | ||
#FF0000 | 9 | Red | 249 | Red | #DD0907 | 3 | Red | ||
#00FF00 | 10 | Lime | 250 | Green | #1FB714 | 8 | Green | ||
#FFFF00 | 11 | Yellow | 251 | Yellow | #FBF305 | 1 | Yellow | ||
#0000FF | 12 | Blue | 252 | Blue | #0000D3 | 6 | Blue | ||
#FF00FF | 13 | Fuchsia | 253 | Magenta | #F20884 | 4 | Magenta | ||
#00FFFF | 14 | Aqua | 254 | Cyan | #02ABEA | 7 | Cyan | ||
#FFFFFF | 15 | White | 255 | White | #FFFFFF | 0 | White |
La paleta de Windows 16 contiene todos los colores que ya conocemos de la sección sobre las Basic Color Keywords HTML y VGA. Esta paleta es la paleta predeterminada de Windows para íconos de 16 colores y es principalmente compatible con los colores de los primeros modos de texto CGA, EGA y VGA, pero organiza los colores en un orden diferente.
La paleta de Windows 20 amplía estos 16 colores con cuatro colores adicionales: "Money Green", "Sky Blue", "Cream" y "Medium Grey". Por este motivo, estos cuatro colores también se definen como constantes de color en el lenguaje de programación Pascal, como vimos en el último apartado.
Además de esta extensión, también se cambiaron algunos de los nombres de los colores, así como los índices de algunos de los colores. A los colores más oscuros se les dio en gran medida los nombres de los colores más claros con la adición de "Dark" (de modo que sólo los últimos siete colores de la paleta de colores antigua mantuvieron sus nombres antiguos) y los índices se dividieron de modo que se utilizaron los primeros diez y los últimos diez de los 256 índices disponibles (de modo que sólo los primeros ocho colores mantuvieron su índice original).
La paleta de colores de Apple Macintosh, que se introdujo en 1987 con Macintosh II y System 4.1, difiere mucho de las dos paletas de colores de Windows. Mientras que Windows principalmente define colores con canales de color RGB muy par, como 00, 80 o FF, lo que hacía que la visualización en monitores anteriores que aún no admitían muchos colores fuera más fácil y uniforme, la paleta de colores de Apple Macintosh define colores más "bonitos" y "naturales" utilizando valores sinuosos para los canales de color. Sólo el negro, el blanco y los tonos de gris se definen mediante canales de color par y, por tanto, se parecen a las paletas de colores de Windows, con la excepción de "Medium Gray" y "Dark Gray", que se definen un poco más oscuros por Windows.
Media Color Names del Printer Working Group
Otro sistema para nombrar colores son los llamados Media Color Names, que el Printer Working Group (PWG) especifica en el estándar PWG 5101.1. A partir de 20 colores básicos, que se pueden ver en la columna "Default" de la siguiente tabla, todos los colores (excepto el blanco y el negro) están definidos además de su variante básica en las versiones más claras "Clear" y "Light" así como en una variante más oscura "Dark":
Color | Default | Clear | Light | Dark | ||||
Green | #008000 | #80C080 | #90EE90 | #006400 | ||||
Blue | #0000FF | #3366FF | #ADD8E6 | #00008B | ||||
Turquoise | #30D5C8 | #98EAE4 | #AFE4DE | #00CED1 | ||||
Cyan | #00FFFF | #80FFFF | #E0FFFF | #008B8B | ||||
Pink | #FFC0CB | #FFE0E5 | #FFB6C1 | #E75480 | ||||
Violet | #EE82EE | #E1B0EB | #7A5299 | #9400D3 | ||||
Magenta | #FF00FF | #FF80FF | #FF77FF | #8B008B | ||||
Red | #FF0000 | #FF8080 | #FF3333 | #8B0000 | ||||
Brown | #7C2900 | #81543E | #B33B1A | #5C4033 | ||||
Orange | #FFA500 | #F6A470 | #D9A465 | #FF8C00 | ||||
Goldenrod | #DAA520 | #EDD290 | #FFEC8B | #B8860B | ||||
Gold | #FFD700 | #FFEB80 | #F1E5AC | #EEBC1D | ||||
Yellow | #FFFF00 | #FFFB6F | #FFFFE0 | #FFCC00 | ||||
Buff | #F0DC82 | #F8EEC1 | #ECD9B0 | #976638 | ||||
Mustard | #FFDB58 | #FFEDAC | #EEDD62 | #7C7C40 | ||||
Ivory | #FFFFF0 | #FFFFF8 | #FFF8C9 | #F2E58F | ||||
White | #FFFFFF | #FFFFFF | ||||||
Silver | #C0C0C0 | #E0E0E0 | #E1E1E1 | #AFAFAF | ||||
Gray | #808080 | #C0C0C0 | #D3D3D3 | #404040 | ||||
Black | #000000 | #808080 | #808080 |
En este sistema, el color predeterminado tiene el nombre del color sin ningún prefijo adicional, mientras que las tres variantes adicionales se denominan cada una "nombre de variante + nombre de color". Por ejemplo, los siguientes nombres resultan para las variaciones de verde que se pueden ver en la primera fila de la tabla: El color base #008000 se llama simplemente "Green", mientras que la variante #80C080 se llama "Clear Green", la #90EE90 es llamado "Light Green" y el color #006400 se llama "Dark Green".
Sin embargo, el enfoque de las variaciones de colores clear, light y dark a veces conduce a duplicaciones, especialmente en el área de los valores de gris (aunque la definición de algunas variaciones como "Light White", "Dark White" o "Dark Black" " ya se ha omitido aquí). Por ejemplo, los colores "White" y "Clear White", así como "Silver" y "Clear Silver" son idénticos, mientras que el color con el código RGB #808080 resulta incluso tres veces de las variaciones como "Gray", "Clear Black" y "Light Black".
Otras Cartas de Color
Luminosidad y Saturación | Luminosidad | Saturación | Sombras de Gris | Nombres de Color | Colores Web