Tabla de Colores para las Webs en Hexadecimal

Tabla de Colores para las Webs en Hexadecimal

Nombre Hexadecimal RGB Muestra
R G B
aliceblue #F0FAFF 240 250 255 ____________________
antiquewhite #FAEBD7 250 235 215 ____________________
aqua #00FFFF 0 255 255 ____________________
aguamarina #7FFFD4 127 255 212 ____________________
azulado #F0FFFF 240 255 255 ____________________
beige #F5F5DC 245 245 220 ____________________
bIsque #FFE4C4 255 228 196 ____________________
black #000000 0 0 0 ____________________
blanchedalmond #FFEBCD 255 235 205 ____________________
blue #0000FF 0 0 255 ____________________
blueviolet #8A2BE2 138 43 226 ____________________
brown #A52A2A 165 42 42 ____________________
burlywood #DEB887 222 184 135 ____________________
cadetblue #5F9EA0 95 158 160 ____________________
chartreuse #7FFF00 127 255 0 ____________________
coral #FF7F50 255 127 80 ____________________
cornflowerblue #6495ED 100 149 237 ____________________
cornsilk #FFF8DC 127 255 0 ____________________
crimson #DC143C 127 255 0 ____________________
cyan #00FFFF 127 255 0 ____________________
darkblue #00008B 127 255 0 ____________________
darkcyan #008B8B 127 255 0 ____________________
darkgoldenrod #B8860B 127 255 0 ____________________
darkgray #A9A9A9 127 255 0 ____________________
darkgreen #006400 127 255 0 ____________________
darkkhaki #BDB76B 127 255 0 ____________________
darkmagenta #8B008B 127 255 0 ____________________
darkolivegreen #556B2F 127 255 0 ____________________
darkorange #FF8C00 127 255 0 ____________________
darkorchid #9932CC 127 255 0 ____________________
darkred #8B0000 127 255 0 ____________________
darksalmon #E9967A 127 255 0 ____________________
darkseagreen #8FBC8F 127 255 0 ____________________
darkslateblue #483D8B 127 255 0 ____________________
darkslategray #2F4F4F 127 255 0 ____________________
darkturquoise #00CED1 0 206 209 ____________________
darkviolet #9400D3 148 0 211 ____________________
deeppink #FF1493 255 20 147 ____________________
deepskyblue #00BFFF 0 191 255 ____________________
dimgray #696969 105 105 105 ____________________
dodgerblue #1E90FF 30 144 255 ____________________
feldspar #D19275 209 146 117 ____________________
firebrick #B22222 178 34 34 ____________________
floralwhite #FFFAF0 255 250 240 ____________________
forestgreen #228B22 34 139 34 ____________________
fuchsia #FF00FF 255 0 255 ____________________
gainsboro #DCDCDC 220 220 220 ____________________
Ghostwhite #F8F8FF 248 248 255 ____________________
gold #FFD700 255 215 0 ____________________
goldenrod #DAA520 218 165 32 ____________________
gray #808080 128 128 128 ____________________
green #008000 0 128 0 ____________________
greenyellow #ADFF2F 173 255 47 ____________________
honeydew #F0FFF0 240 255 240 ____________________
hotpink #FF69B4 255 105 180 ____________________
indianred #CD5C5C 205 92 92 ____________________
indigo #4B0082 75 0 130 ____________________
ivory #FFFFF0 255 255 240 ____________________
khaki #F0E68C 240 230 140 ____________________
lavender #E6E6FA 230 230 250 ____________________
lavenderblush #FFF0F5 255 240 245 ____________________
lawngreen #7CFC00 124 252 0 ____________________
lemonchiffon #FFFACD 255 250 205 ____________________
lightblue #ADD8E6 173 216 230 ____________________
lightcoral #F08080 240 128 128 ____________________
lightcyan #E0FFFF 224 255 255 ____________________
lightgoldenrodyellow #FAFAD2 250 250 210 ____________________
lightgrey #D3D3D3 211 211 211 ____________________
lightgreen #90EE90 144 238 144 ____________________
lightpink #FFB6C1 255 182 193 ____________________
lightsalmon #FFA07A 255 160 122 ____________________
lightseagreen #20B2AA 32 178 170 ____________________
lightskyblue #87CEFA 135 206 250 ____________________
lightslateblue #8470FF 132 112 255 ____________________
lightslategray #778899 119 136 153 ____________________
lightSteelblue #B0C4DE 176 196 222 ____________________
lightyellow #FFFFE0 255 255 224 ____________________
lime #00FF00 0 255 0 ____________________
limegreen #32CD32 50 205 50 ____________________
linen #FAF0E6 250 240 230 ____________________
magenta #FF00FF 255 0 255 ____________________
maroon #800000 128 0 0 ____________________
mediumaquamarine #66CDAA 102 205 170 ____________________
mediumblue #0000CD 0 0 205 ____________________
mediumorchid #BA55D3 186 85 211 ____________________
mediumpurple #9370D8 147 112 216 ____________________
mediumseagreen #3CB371 60 179 113 ____________________
mediumslateblue #7B68EE 123 104 238 ____________________
mediumspringgreen #00FA9A 0 250 154 ____________________
mediumturquoise #48D1CC 72 209 204 ____________________
mediumvioletred #C71585 199 21 133 ____________________
midnightblue #191970 25 25 112 ____________________
mintcream #F5FFFA 245 255 250 ____________________
mistyrose #FFE4E1 255 228 225 ____________________
moccasin #FFE4B5 255 228 181 ____________________
navajowhite #FFDEAD 255 222 173 ____________________
navy #000080 0 0 128 ____________________
oldlace #FDF5E6 253 245 230 ____________________
olive #808000 128 128 0 ____________________
olivedrab #6B8E23 107 142 35 ____________________
orange #FFA500 255 165 0 ____________________
orangered #FF4500 255 69 0 ____________________
orchid #DA70D6 218 112 214 ____________________
palegoldenrod #EEE8AA 238 232 170 ____________________
palegreen #98FB98 152 251 152 ____________________
paleturquoise #AFEEEE 175 238 238 ____________________
palevioletred #D87093 216 112 147 ____________________
papayawhip #FFEFD5 255 239 213 ____________________
peachpuff #FFDAB9 255 218 185 ____________________
peru #CD853F 205 133 63 ____________________
pink #FFC0CB 255 192 203 ____________________
plum #DDA0DD 221 160 221 ____________________
powderblue #B0E0E6 176 224 230 ____________________
purple #800080 128 0 128 ____________________
red #FF0000 255 0 0 ____________________
rosybrown #BC8F8F 188 143 143 ____________________
royalblue #4169E1 65 105 225 ____________________
saddlebrown #8B4513 139 69 19 ____________________
salmon #FA8072 250 128 114 ____________________
sandybrown #F4A460 244 164 96 ____________________
seagreen #2E8B57 46 139 87 ____________________
seashell #FFF5EE 255 245 238 ____________________
sienna #A0522D 160 82 45 ____________________
silver #C0C0C0 192 192 192 ____________________
skyblue #87CEEB 135 206 235 ____________________
slateblue #6A5ACD 106 90 205 ____________________
slategray #708090 112 128 144 ____________________
snow #FFFAFA 255 250 250 ____________________
springgreen #00FF7F 0 255 127 ____________________
steelblue #4682B4 70 130 180 ____________________
tan #D2B48C 210 180 140 ____________________
teal #008080 0 128 128 ____________________
thistle #D8BFD8 216 191 216 ____________________
tomato #FF6347 255 99 71 ____________________
turquoise 40E0D0 64 224 208 ____________________
violet #EE82EE 238 130 238 ____________________
violetred #D02090 208 32 144 ____________________
wheat #F5DEB3 245 222 179 ____________________
white #FFFFFF 255 255 255 ____________________
whitesmoke #F5F5F5 245 245 245 ____________________
yellow #FFFF00 255 255 0 ____________________
yellowgreen #9ACD32 154 205 50 ____________________

Teoria del Color en la Web, significado de los colores

ignificado de los colores Web Contenido:

  1. Introducción
  2. El significado de los colores
    1. Blanco
    2. Amarillo
    3. Naranja
    4. Rojo
    5. Púrpura
    6. Azul
    7. Verde
    8. Negro
  3. Tabla de propiedades de los colores
  4. Tabla de sensaciones
  1. Introducción:Círculo Estándar de Color El color es una parte del espectro lumínico, y, al fin, es energía vibratoria.

    Esta energía afecta de diferente forma al ser humano, dependiendo de su longitud de onda (del color en concreto) produciendo diferentes sensaciones de las que normalmente no somos conscientes.

    Pero la gente que trabaja en agencias de marketing y publicidad, los asesores de imagen de empresa, los diseñadores industriales y de moda, etc., son bien conscientes de ello, y utilizan los colores para asociarlos coherentemente al tipo de producto que quieren hacer llegar.

    La cosa, como no podría ser de otra forma, funciona. Desde hace años se han hecho todo tipo de pruebas para analizar las sensaciones que sugieren los colores y hay bastante bibliografía al respecto.

    ¿Y qué es un sitio web si no un escaparate personal, de empresa, de comunidad, etc.? Además de muchas otras funciones que cada sitio pueda tener, ante todo intenta comunicar y lo hace con palabras, con imágenes y, en primera instancia, con colores.

    Cuando un sitio web está diseñado por profesionales con sólidos conocimientos de diseño gráfico, normalmente las pautas seguidas con los colores no son aleatorias.

    Vamos a mostrar a continuación las propiedades de los colores básicos generalmente aceptadas. Puede haber discrepancias según autores, pero en lo fundamental, prácticamente todos están de acuerdo.

  2. El significado de los colores:

    Blanco:
    • El blanco se asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfección.
    • El blanco significa seguridad, pureza y limpieza. A diferencia del negro, el blanco por lo general tiene una connotación positiva. Puede representar un inicio afortunado.
    • En heráldica, el blanco representa fe y pureza.
    • En publicidad, al blanco se le asocia con la frescura y la limpieza porque es el color de nieve. En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad.
    • Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imágenes vestidas con ropas blancas.
    • El blanco se le asocia con hospitales, médicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos médicos o que estén directamente relacionados con la salud.
    • A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.
    Amarillo:
    • El amarillo simboliza la luz del sol. Representa la alegría, la felicidad, la inteligencia y la energía.
    • El amarillo sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscular. Con frecuencia se le asocia a la comida.
    • El amarillo puro y brillante es un reclamo de atención, por lo que es frecuente que los taxis sean de este color en algunas ciudades. En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebés lloran más en habitaciones amarillas.
    • Cuando se sitúan varios colores en contraposición al negro, el amarillo es en el que primero se fija la atención. Por eso, la combinación amarillo y negro es usada para resaltar avisos o reclamos de atención.
    • En heráldica el amarillo representa honor y lealtad.
    • En los últimos tiempos al amarillo también se le asocia con la cobardía.
    • Es recomendable utilizar amarillo para provocar sensaciones agradables, alegres. Es muy adecuado para promocionar productos para los niños y para el ocio.
    • Por su eficacia para atraer la atención, es muy útil para destacar los aspectos más importantes de una página web.
    • Los hombres normalmente encuentran el amarillo como muy desenfadado, por lo que no es muy recomendable para promocionar productos caros, prestigiosos o específicos para hombres. Ningún hombre de negocios compraría un reloj caro con correa amarilla.
    • El amarillo es un color espontáneo, variable, por lo que no es adecuado para sugerir seguridad o estabilidad.
    • El amarillo claro tiende a diluirse en el blanco, por lo que suele ser conveniente utilizar algún borde o motivo oscuro para resaltarlo. Sin embargo, no es recomendable utilizar una sombra porque lo hacen poco atrayente, pierden la alegría y lo convierten en sórdido.
    • El amarillo pálido es lúgubre y representa precaución, deterioro, enfermedad y envidia o celos.
    • EL amarillo claro representa inteligencia, originalidad y alegría.
    Naranja:
    • El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alegría, el sol brillante y el trópico.
    • Representa el entusiasmo, la felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo.
    • Es un color muy caliente, por lo que produce sensación de calor. Sin embargo, el naranja no es un color agresivo como el rojo.
    • La visión del color naranja produce la sensación de mayor aporte de oxígeno al cerebro, produciendo un efecto vigorizante y de estimulación de la actividad mental.
    • Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicar con ellos.
    • Color cítrico, se asocia a la alimentación sana y al estímulo del apetito. Es muy adecuado para promocionar productos alimenticios y juguetes
    • Es el color de la caída de la hoja y de la cosecha.
    • En heráldica el naranja representa la fortaleza y la resistencia.
    • El color naranja tiene una visibilidad muy alta, por lo que es muy útil para captar atención y subrayar los aspectos más destacables de una página web.
    • El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alegría, el sol brillante y el trópico.
    • El naranja oscuro puede sugerir engaño y desconfianza.
    • El naranja rojizo evoca deseo, pasión sexual , placer, dominio, deseo de acción y agresividad
    • El dorado produce sensación de prestigio. El dorado significa sabiduría, claridad de ideas, y riqueza. Con frecuencia el dorado representa alta calidad.
    Rojo:
    • El color rojo es el del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energía, la fortaleza, la determinación, así como a la pasión, al deseo y al amor.
    • Es un color muy intenso a nivel emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea.
    • Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.
    • Trae el texto o las imágenes con este color a primer plano resaltándolas sobre el resto de colores. Es muy recomendable para encaminar a las personas a tomar decisiones rápidas durante su estancia en un sitio web.
    • En publicidad se utiliza el rojo para provocar sentimientos eróticos. Símbolos como labios o uñas rojos, zapatos, vestidos, etc., son arquetipos en la comunicación visual sugerente.
    • El rojo es el color para indicar peligro por antonomasia.
    • Como está muy relacionado con la energía, es muy adecuado para anunciar coches motos, bebidas energéticas, juegos, deportes y actividades de riesgo.
    • En heráldica el rojo simboliza valor y coraje. Es un color muy utilizado en las banderas de muchos países.
    • El rojo claro simboliza alegría, sensualidad, pasión, amor y sensibilidad.
    • El rosa evoca romance, amor y amistad. Representa cualidades femeninas y pasividad.
    • El rojo oscuro evoca energía, vigor, furia, fuerza de voluntad, cólera, ira, malicia, valor, capacidad de liderazgo. En otro sentido, también representa añoranza.
    • El marrón evoca estabilidad y representa cualidades masculinas.
    • El marrón rojizo se asocia a la caída de la hoja y a la cosecha.
    Púrpura:
    • El púrpura aporta la estabilidad del azul y la energía del rojo.
    • Se asocia a la realeza y simboliza poder, nobleza, lujo y ambición. Sugiere riqueza y extravagancia.
    • El color púrpura también está asociado con la sabiduría, la creatividad, la independencia, la dignidad.
    • Hay encuestas que indican que es el color preferido del 75% de los niños antes de la adolescencia. El púrpura representa la magia y el misterio.
    • Debido a que es un color muy poco frecuente en la naturaleza, hay quien opina que es un color artificial.
    • El púrpura brillante es un color ideal para diseños drigidos a la mujer. También es muy adecuado para promocionar artículos dirigidos a los niños.
    • El púrpura claro produce sentimientos nostálgicos y románticos.
    • El púrpura oscuro evoca melancolía y tristeza. Puede producir sensación de frustración.
    Azul:
    • El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.
    • Representa la lealtad, la confianza, la sabiduría, la inteligencia, la fe, la verdad y el cielo eterno.
    • Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. Es un color fuertemente ligado a la tranquilidad y la calma.
    • En heráldica el azul simboliza la sinceridad y la piedad.
    • Es muy adecuado para presentar productos relacionados con la limpieza (personal, hogar o industrial), y todo aquello relacionado directamente con:
      • El cielo (líneas aéreas, aeropuertos)
      • El aire (acondicionadores paracaidismo)
      • El mar (cruceros, vacaciones y deportes marítimos)
      • El agua (agua mineral, parques acuáticos, balnearios)
    • Es adecuado para promocionar productos de alta tecnología o de alta precisión.
    • Al contrario de los colores emocionalmente calientes como rojo, naranja y amarillo, el azul es un color frío ligado a la inteligencia y la conciencia.
    • El azul es un color típicamente masculino, muy bien aceptado por los hombres, por lo que en general será un buen color para asociar a productos para estos.
    • Sin embargo se debe evitar para productos alimenticios y relacionados con la cocina en general, porque es un supresor del apetito.
    • Cuando se usa junto a colores cálidos (amarillo, naranja), la mezcla suele ser llamativa. Puede ser recomendable para producir impacto, alteración.
    • El azul claro se asocia a la salud, la curación, el entendimiento, la suavidad y la tranquilidad.
    • El azul oscuro representa el conocimiento, la integridad, la seriedad y el poder.
    Verde:
    • El verde es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura.
    • Tiene una fuerte relación a nivel emocional con la seguridad. Por eso en contraposición al rojo (connotación de peligro), se utiliza en el sentido de «vía libre» en señalización.
    • El verde oscuro tiene también una correspondencia social con el dinero.
    • El color verde tiene un gran poder de curación. Es el color más relajante para el ojo humano y puede ayudar a mejorar la vista.
    • El verde sugiere estabilidad y resistencia.
    • En ocasiones se asocia también a la falta de experiencia: «está muy verde» para describir a un novato, se utiliza en varios idiomas, no sólo en español.
    • En heráldica el verde representa el crecimiento y la esperanza.
    • Es recomendable utilizar el verde asociado a productos médicos o medicinas.
    • Por su asociación a la naturaleza es ideal para promocionar productos de jardinería, turismo rural, actividades al aire libre o productos ecológicos.
    • El verde apagado y oscuro, por su asociación al dinero, es ideal para promocionar productos financieros, banca y economía.
    • El verde «Agua» se asocia con la protección y la curación emocional.
    • El verde amarillento se asocia con la enfermedad, la discordia, la cobardía y la envidia.
    • El verde oscuro se relaciona con la ambición, la codicia, la avaricia y la envidia.
    • El verde oliva es el color de la paz.
    Negro:
    • El negro representa el poder, la elegancia, la formalidad, la muerte y el misterio.
    • Es el color más enigmático y se asocia al miedo y a lo desconocido («el futuro se presenta muy negro», «agujeros negros»…).
    • El negro representa también autoridad, fortaleza, intransigencia. También se asocia al prestigio y la seriedad.
    • En heráldica el negro representa el dolor y la pena.
    • En una página web puede dar imagen de elegancia, y aumenta la sensación de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad.
    • Es conocido el efecto de hacer más delgado a las personas cuando visten ropa negra. Por la misma razón puede ayudar a disminuir el efecto de abigarramiento de áreas de contenido, utilizado debidamente como fondo.
    • Es típico su uso en museos, galerías o colecciones de fotos on-line, debido a que hace resaltar mucho el resto de colores. Contrasta muy bien con colores brillantes.
    • Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto agresivo y vigoroso.
  3. Tabla de propiedades de los colores: En la siguiente tabla vamos a resumir, para los principales colores, qué simbolizan, así como su efecto psicológico o acción terapéutica, tanto en positivo, como en negativo:
    Color Significado Su uso aporta El exceso produce
    BLANCO Pureza, inocencia, optimismo Purifica la mente a los más altos niveles
    LAVANDA Equilibrio Ayuda a la curación espiritual Cansado y desorientado
    PLATA Paz, tenacidad Quita dolencias y enfermedades
    GRIS Estabilidad Inspira la creatividad
    Simboliza el éxito
    AMARILLO Inteligencia, alentador, tibieza, precaución, innovación Ayuda a la estimulación mental
    Aclara una mente confusa
    Produce agotamiento
    Genera demasiada actividad mental
    ORO Fortaleza Fortalece el cuerpo y el espíritu Demasiado fuerte para muchas personas
    NARANJA Energía Tiene un agradable efecto de tibieza
    Aumenta la inmunidad y la potencia
    Aumenta la ansiedad
    ROJO Energía, vitalidad, poder, fuerza, apasionamiento, valor, agresividad, impulsivo Usado para intensificar el metabolismo del cuerpo con efervescencia y apasionamiento
    Ayuda a superar la depresión
    Ansiedad de aumentos, agitación, tensión
    PÚRPURA Serenidad Útil para problemas mentales y nerviosos Pensamientos negativos
    AZUL Verdad, serenidad, armonía, fidelidad, sinceridad, responsabilidad Tranquiliza la mente
    Disipa temores
    Depresión, aflicción, pesadumbre
    AÑIL Verdad Ayuda a despejar el camino a la conciencia del yo espiritual Dolor de cabeza
    VERDE Ecuanimidad inexperta, acaudalado, celos, moderado, equilibrado, tradicional Útil para el agotamiento nervioso
    Equilibra emociones
    Revitaliza el espíritu
    Estimula a sentir compasión
    Crea energía negativa
    NEGRO Silencio, elegancia, poder Paz. Silencio Distante, intimidatorio
  4. Tabla de sensaciones: Ahora vamos a plantear el ejercicio inverso: supongamos que estamos diseñando un nuevo sitio web. Y supongamos que en determinadas situaciones queremos sugerir, promover determinados sentimientos entre nuestros visitantes. En la siguiente tabla esquematizamos como:
    Sensación Colores Muestras
    Calidez, tibieza Colores tibios asociados al fuego: Marrón, Rojo, Naranja, Amarillo
    Fascinación, emoción El amarillo dorado deja una sensación perdurable, brillante, fuerte.
    Sorpresa El granate, sorprende por poco usado.
    Feminidad La variedad de tonos alrededor del rosa y lavanda
    Dramatismo Verde oscuro, poderoso.
    Naturalidad Sutiles tonos de gris y verde
    Masculinidad Marrones, piel curtida y azules
    Juvenil Colores saturados, brillantes, extremos, con el máximo contraste
    Serenidad Sombras frescas, del violeta al verde
    Frescura Tonos neutros de azul violeta y gris