Colores web

De Wikipedia, la enciclopedia libre
(Redirigido desde «HTML (colores)»)
Ir a la navegación Ir a la búsqueda

Los colores web son aquellos colores que aparecen en una página web. Se pueden basar sobre los sistemas de color RGB o HSL. En el código CSS (y antiguamente en HTML) son especificados como valores numéricos, aunque hay algunos colores que son nombrados por nombres propios en inglés.

RGB[editar]

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: (los colores básicos 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á 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):      Cian,      Magenta,      Amarillo. Estos colores surgen de la siguiente combinación (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 saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:

Rojo ↔ Cian
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 cian (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cian no es otra cosa que la sustracción del rojo al blanco. Obsérvense los siguientes gráficos:

Synthese+.svg Synthese-.svg

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.

Existen 16 777 216 combinaciones distintas en el sistema RGB de 24 bits y, por lo tanto, 16 777 216 colores: 256 × 256 × 256 = 16 777 216. En la práctica, sin embargo, puede haber algunas combinaciones que no sean válidas. Eso pasaba antiguamente, cuando la paleta de colores más grande tenía 256 colores (8 bits). Por eso, existen 216 colores seguros, que serán visibles en cualquier dispositivo sin necesidad de tramado, reservándose los otros 40 colores para el sistema, de los cuales algunos se muestran aquí.

HSL[editar]

En el sistema de colores HSL los colores se miden por tres parámetros (hue, saturation y light; o matiz, saturación y luz en español) que determinan la posición del color en el cilindro de colores HSL. El primer parámetro 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[editar]

Un color puede mostrarse con una opacidad determinada en pantalla, que se determina por el parámetro alpha, que, añadido a RGB y HSL, los convierte en RGBa y HSLa.

Equivalencias[editar]

Entre los sistemas web hay algunas contradicciones que se pueden resumir en las siguiente tabla:

Nombre de color con distinta codificación
Nombre Colores X11 W3C / CSS /
HTML / VGA
RGB Muestra Muestra RGB
Gray #BEBEBE     #808080
Green #00FF00     #008000
Maroon #B03060     #7F0000
Purple #A020F0     #7F007F
Colores con doble denominación
W3C / CSS /
HTML / VGA
Color X11
RGB Muestra
Silver #C0C0C0   Gray
Lime #00FF00   Green
Magenta #FF00FF   Fuchsia
Cyan #00FFFF   Aqua

Tabla de colores[editar]

La siguiente tabla de colores ha sido adoptada para su uso por W3C/CSS,[1]HTML/X11,[2]Mozilla,[3]SVG,[4]Internet Explorer (IE)/Microsoft Windows,[5]​ etc.

Nombre HTML Código hex Valores
RGB
Valores
HSL
Valores
HSV
Colores rojos
Coral claro F08080 240 128 128 0° 79% 72% 0° 47% 94%
Salmón FA8072 250 128 114 6° 93% 71% 6° 55% 98%
Rojo indio CD5C5C 205 92 92 0° 53% 58% 0° 55% 80%
Rojo FF0000 255 0 0 0° 100% 50% 0° 100% 100%
Carmesí DC143C 220 20 60 348° 83% 47% 348° 91% 86%
Rojo ladrillo B22222 178 34 34 0° 68% 42% 0° 81% 71%
Marrón A52A2A 165 42 42 0° 75% 65% 0° 58% 91%
Rojo oscuro 8B0000 139 0 0 0° 100% 27% 0° 100% 54%
Granate 800000 128 0 0 0° 100% 25% 0° 100% 50%
Colores rosas
Rosa brumoso FFE4E1 255 228 225 6° 100% 94% 6° 12% 100%
Rosado FFC0CB 255 192 203 350° 100% 88% 350° 24% 100%
Rosado claro FFB6C1 255 182 193 351° 100% 86% 351° 28% 100%
Rosado cálido FF69B4 255 105 180 330° 100% 71% 330° 58% 100%
Marrón rosa BC8F8F 188 143 143 0° 25% 65% 0° 24% 74%
Rojo violeta pálido DB7093 219 112 147 340° 60% 65% 340° 49% 86%
Rosado intenso FF1493 255 20 147 328° 100% 54% 328° 92% 100%
Rojo violeta medio C71585 199 21 133 322° 81% 43% 322° 90% 78%
Colores naranjas
PapayaWhip FFEFD5 255 239 213 37° 100% 92% 37° 16% 100%
BlanchedAlmond FFEBCD 255 235 205 36° 100% 90% 36° 20% 100%
Bisque FFE4C4 255 228 196 33° 100% 88% 33° 24% 100%
Mocasín FFE4B5 255 228 181 38° 100% 85% 38° 30% 100%
Bocanada durazno FFDAB9 255 218 185 28° 100% 86% 28° 28% 100%
Blanco navajo FFDEAD 255 222 173 36° 100% 84% 36° 32% 100%
Salmón claro FFA07A 255 160 122 17° 100% 74% 17° 52% 100%
Salmón oscuro E9967A 233 150 122 15° 72% 70% 15° 47% 92%
Naranja FFA500 255 165 0 39° 100% 50% 39° 100% 100%
Naranja oscuro FF8C00 255 140 0 33° 100% 50% 33° 100% 100%
Coral FF7F50 255 127 80 16° 100% 66% 16° 68% 100%
Tomate FF6347 255 99 71 9° 100% 64% 9° 72% 100%
Rojo naranja FF4500 255 69 0 16° 100% 50% 16° 100% 100%
Colores marrones
Trigo F5DEB3 245 222 179 39° 77% 83% 39° 27% 96%
BurlyWood DEB887 222 184 135 34° 57% 70% 34° 39% 87%
Bronceado D2B48C 210 180 140 34° 44% 69% 34° 33% 83%
Marrón arenoso F4A460 244 164 96 28° 87% 67% 28° 60% 96%
Dorado DAA520 218 165 32 43° 74% 49% 43° 85% 85%
Perú CD853F 205 133 63 30° 59% 53% 30° 69% 81%
Dorado oscuro B8860B 184 134 11 43° 89% 38% 43° 94% 72%
Chocolate 7B3F00 210 105 30 25° 75% 47% 25° 86% 82%
Siena A0522D 160 82 45 19° 56% 40% 19° 72% 62%
Marrón cuero 8B4513 139 69 19 25° 76% 31% 25° 86% 55%
Colores amarillos
Amarillo claro FFFFE0 255 255 224 60° 100% 94% 60° 12% 100%
Barbas de maíz FFF8DC 255 248 220 48° 100% 93% 48° 14% 100%
Chifón de limón FFFACD 255 250 205 54° 100% 90% 54° 20% 100%
Amarillo dorado claro FAFAD2 250 250 210 60° 80% 90% 60° 16% 98%
Dorado pálido EEE8AA 238 232 170 55° 67% 80% 55° 29% 93%
Caqui C3B091 195 176 145 54° 77% 75% 37° 26% 76%
Amarillo FFFF00 255 255 0 60° 100% 50% 60° 100% 100%
Oro FFD700 255 215 0 51° 100% 50% 51° 100% 100%
Caqui oscuro BDB76B 189 183 107 56° 38% 58% 56° 43% 74%
Colores verdes amarillentos
Amarillo verde ADFF2F 173 255 47 84° 100% 59% 84° 82% 100%
Chartreuse 7FFF00 127 255 0 90° 100% 50% 90° 100% 100%
LawnGreen 7CFC00 124 252 0 90° 100% 49% 90° 100% 98%
Verde amarillo 9ACD32 154 205 50 80° 61% 50% 80° 76% 81%
Sábana oliva 6B8E23 107 142 35 80° 60% 35% 80° 75% 56%
Oliva 808000 128 128 0 60° 100% 25% 60° 100% 50%
Verde oliva oscuro 556B2F 85 107 47 82° 39% 30% 82° 56% 42%
Colores verdes
Verde pálido 98FB98 152 251 152 120° 93% 79% 120° 40% 99%
Verde claro 90EE90 144 238 144 120° 73% 75% 120° 39% 93%
Verde primavera medio 00FA9A 0 250 154 157° 100% 49% 157° 100% 98%
Verde primavera 00FF7F 0 255 127 150° 100% 50% 150° 100% 100%
Lima 00FF00 0 255 0 120° 100% 50% 120° 100% 100%
Verde mar oscuro 8FBC8F 143 188 143 120° 25% 65% 120° 24% 74%
Verde lima 32CD32 50 205 50 120° 61% 50% 120° 76% 81%
Verde mar medio 3CB371 60 179 113 147° 50% 47% 147° 67% 71%
Verde mar 2E8B57 46 139 87 146° 50% 36% 146° 67% 54%
Verde bosque 228B22 34 139 34 120° 61% 34% 120° 76% 55%
Verde 008000 0 128 0 120° 100% 25% 120° 100% 50%
Verde oscuro 006400 0 100 0 120° 100% 20% 120° 100% 40%
Colores azul-verdes
Cian claro E0FFFF 224 255 255 180° 100% 94% 180° 12% 100%
Turquesa pálido AFEEEE 175 238 238 180° 65% 81% 180° 26% 93%
Aguamarina 7FFFD4 127 255 212 160° 100% 75% 160° 50% 100%
Agua / Cian 00FFFF 0 255 255 180° 100% 50% 180° 100% 100%
Turquesa 40E0D0 64 224 208 174° 72% 56% 174° 72% 88%
Turquesa medio 48D1CC 72 209 204 178° 60% 55% 178° 66% 82%
Turquesa oscuro 00CED1 0 206 209 181° 100% 82% 181° 36% 100%
Aguamarina medio 66CDAA 102 205 170 160° 51% 60% 160° 51% 80%
Verde mar claro 20B2AA 32 178 170 177° 70% 41% 177° 82% 70%
Azul cadete 5F9EA0 95 158 160 182° 41% 63% 182° 39% 78%
Cian oscuro 008B8B 0 139 139 180° 100% 27% 180° 100% 54%
Cerceta 008080 0 128 128 180° 100% 25% 180° 100% 50%
Colores azules
Lavanda B57EDC 181 126 220 76° 57% 68% 275° 57% 68%
Azul polvo 9EB9D4 158 185 212 209° 100% 90% 217° 73% 96%
Azul pálido B0E0E6 176 224 230 187° 52% 80% 187° 23% 90%
Azul claro ADD8E6 173 216 230 195° 53% 79% 195° 25% 90%
Azul cielo claro 87CEFA 135 206 250 203° 92% 75% 203° 47% 98%
Azul cielo 87CEEB 135 206 235 197° 71% 73% 197° 42% 92%
Azul acero claro B0C4DE 176 196 222 214° 41% 78% 214° 21% 87%
Azul cielo intenso 00BFFF 0 191 255 195° 100% 50% 195° 100% 100%
Azul aciano 6495ED 100 149 237 219° 79% 66% 219° 58% 93%
Azul Dodger 1E90FF 30 144 255 210° 88% 100% 210° 0% 100%
Azul acero 4682B4 70 130 180 207° 61% 71% 207° 40% 89%
Azul real 4169E1 65 105 225 225° 73% 57% 225° 71% 88%
Azul 0000FF 0 0 255 240° 100% 100% 240° 0% 100%
Azul medio 0000CD 0 0 205 240° 100% 80% 240° 40% 100%
Azul oscuro 00008B 0 0 139 240° 100% 55% 240° 90% 100%
Azul marino 000080 0 0 128 240° 100% 50% 240° 100% 100%
Medianoche 191970 25 25 112 240° 78% 44% 240° 88% 78%
Colores violetas y púrpuras
Cardo D8BFD8 216 191 216 300° 24% 80% 300° 11% 85%
Ciruela DDA0DD 221 160 221 300° 47% 75% 300° 27% 87%
Violeta 7F00FF 127 0 255 75° 0% 50% 270° 100% 100%
Orquídea DA70D6 218 112 214 302° 59% 65% 302° 48% 86%
Fucsia / Magenta FF00FF 255 0 255 300° 100% 50% 300° 100% 100%
Púrpura medio 9370DB 147 112 219 260° 60% 65% 260° 49% 86%
Orquídea medio BA55D3 186 85 211 288° 59% 58% 288° 60% 83%
Azul pizarra medio 7B68EE 123 104 238 249° 80% 67% 249° 57% 93%
Azul pizarra 6A5ACD 106 90 205 248° 53% 58% 248° 55% 80%
Violeta azul 8A2BE2 138 43 226 271° 76% 53% 271° 81% 89%
Violeta oscuro 9400D3 148 0 211 282° 100% 41% 282° 100% 82%
Orquídea oscuro 9932CC 153 50 204 280° 61% 50% 280° 76% 81%
Magenta oscuro 8B008B 139 0 139 300° 100% 27% 300° 100% 54%
Púrpura 800080 128 0 128 300° 100% 25% 300° 100% 50%
Azul pizarra oscuro 483D8B 72 61 139 248° 39% 39% 248° 56% 54%
Índigo 4B0082 75 0 130 275° 100% 25% 275° 100% 50%
Colores blancos
Blanco FFFFFF 255 255 255 —° 0% 100% —° 0% 100%
Humo blanco F5F5F5 245 245 245 —° 0% 96% —° 0% 96%
Nieve FFFAFA 255 250 250 0° 2% 100% 0° 0% 100%
Concha FFF5EE 255 245 238 25° 100% 97% 25° 6% 100%
Linen FAF0E6 250 240 230 30° 67% 94% 30° 8% 98%
AntiqueWhite FAEBD7 250 235 215 34° 78% 91% 34° 14% 98%
Encaje antiguo FDF5E6 253 245 230 39° 85% 95% 39° 9% 99%
FloralWhite FFFAF0 255 250 240 40° 100% 97% 40° 6% 100%
Marfil FFFFF0 255 255 240 60° 100% 97% 60° 6% 100%
Beige F5F5DC 245 245 220 60° 56% 91% 60° 10% 96%
Honeydew F0FFF0 240 255 240 120° 6% 100% 120° 0% 100%
MintCream F5FFFA 245 255 250 150° 4% 100% 150° 0% 100%
Azure F0FFFF 240 255 255 180° 6% 100% 180° 0% 100%
AliceBlue F0F8FF 240 248 255 208° 100% 97% 208° 6% 100%
Yeso blanco F8F8FF 248 248 255 240° 100% 99% 240° 2% 100%
Rubor lavanda FFF0F5 255 240 245 340° 100% 97% 340° 6% 100%
Colores grises
Gainsboro DCDCDC 220 220 220 —° 0% 86% —° 0% 86%
Gris claro D3D3D3 211 211 211 —° 0% 83% —° 0% 83%
Plata C0C0C0 192 192 192 —° 0% 75% —° 0% 75%
Gris oscuro A9A9A9 169 169 169 —° 0% 66% —° 0% 66%
Gris pizarra claro 778899 119 136 153 210° 22% 60% 210° 26% 69%
Gris pizarra 708090 112 128 144 210° 22% 56% 210° 29% 66%
Gris 808080 128 128 128 —° 0% 50% —° 0% 50%
Gris atenuado 696969 105 105 105 —° 0% 41% —° 0% 41%
Gris pizarra oscuro 2F4F4F 47 79 79 180° 25% 25% 180° 40% 31%
Negro 000000 0 0 0 —° 0% 0% —° 0% 0%

Véase también[editar]

Referencias[editar]

  1. CSS Color Module Level 3 W3C Recommendation 2011
  2. X11 Color Names HTML Portal 2016
  3. Mozilla ColorNames.txt
  4. Scalable Vector Graphics Color Names 2015
  5. Colors by Name for Windows Internet Explorer 8, Microsoft 2016

Enlaces externos[editar]