Colores en páginas web: significado de los colores

Los colores tienen efectos que van más allá del simple aspecto estético: pueden provocar o favorecen estados de ánimo, emociones. Aunque hay mucho contenido cultural (el luto en occidentes se muestra con el color negro, mientras en los paises árabes son los colores azules), pero la globalización ha ido provocando una cierta uniforidad en la mayoría de los colores: rojo, verde...

También los colores que elijas debieran ir de acuerdo con el contenido de las páginas web y con los usuarios a quienes van dirigidas esas páginas. No es lo mismo una página infantil que una de alta tecnología.

Sin tomarlo al pie de la letra aquí tienes algunas pinceladas sobre esos otros aspectos en el uso de los colores que podrías tener en cuenta al aplicarlos a un sitio web.

Significados de los colores

Elegir uno u otro como color primario al diseñar una página web tiene mucho de gusto personal, pero también podrías tener en cuenta que culturalmente los colores se asocian a sentimientos o a emociones o a actuaciones o situaciones determinadas.

Por ejemplo, si estás en una zona desconocida y ves un letrero en color rojo seguro que te hace extremar las precauciones, suele indicar situaciones peligrosas.

Las marcas no elijen sus colores al azar, lo hacen según lo que quieren comunicar y a quien se lo quieren comunicar. Por eso, al diseñar tu página web, debes estudiar con detenimiento que colores vas a utilizar.

Dentro de la psicología existe una amplia literatura dedicada al color. Diferentes colores se asocian a distintas emociones, que pueden hacer que las personas tiendan a actuar de una u otra manera.

El marketing cuida mucho este aspecto. Si conoces tu público objetivo, el usuario habitual de tu web, puedes usar esa información para elegir los colores de tu sitio.

Por ejemplo es sabido que los hombres perciben preferentemente colores primarios mientras el ojo femenidno tiene una gran capadicad para percibir matices de color.

O los colores asociados a la felicidad aumentan las ganas de compartir. Una web que pretenda llegar a un público exclusivo, con gustos elegantes, comunica su sentido de lujo usando el negro. La acción, agresividad, excitación suele asociarse al rojo, la chispa de la vida.

El uso de los colores en determinados elementos de tu web puede dirigir la acción del usuario. Un caso muy habitual lo puedes ver en las landing page:  las llamadas a la acción (CTA: Call to action ),  esos enlaces o botones que deseas que tus usuarios pinchen para acceder a una sección del sitio que quieres promocionar o mostrar por su novedad o porque consideras importante para una venta o para un registro. Evidentemente procurarás colocar un color que atraiga la atención, provoque curiosidad, que contraste con su entorno. Un cambio de color y quizás de forma puede incrementar el número de interacciones con los visitantes a la página.

Botones y colores

En este ejemplo la página dirige al usuario al botón añadir al carrito, no necesita colores llamativos, basta un buen contraste. Fíjate como el segundo botón "Añadir a la lista de deseos"  queda plano y un poco disimulado. El vendedor prefiere que el producto se añada al carrito de la compra más que a la lista de deseos.

Desconfía de quien asegure que tal o cual color es el mejor para una u otra finalidad de la página web. No existen colores mejore o peores, existen colores que funcionan mejor o peor en uno u otro entorno. Puedes guiarte por otras webs como puntos de partida, pero tendrás que probar en tu sitio y ver que efecto causan. Verás como sitios dedicados al mismo segmento de mercado o de la misma temética utilizan colores diferentes. El significado de los colores no es una ciencia exacta.

Rueda de la emociones de Robert Plutchik

Colores: simbología

Como guía de partida (solo orientativa) aquí tienes una tabla en la que intento resumir las diferentes emociones o estados que se asocian a los distintos colores. E insisto el significado de los colores no es una ciencia exacta: si ves un botón rojo en medio de una habitación desconocida y totalmente vacía ¿lo pulsarías?

En estas fichas tienes un resumen de un recopilatorio desde diferentes sitios sobre la psicología del color. Veras un comentario y sus rasgos, tanto positivos como negativos, los sentimientos y emociones que simboliza y los efectos que puede provocar.

Negro

#000000
El color del poder y la sofisticación. El negro es un color increíblemente fuerte e intimidante que desprende autoridad y nos hace sentir seguros y protegidos. A menudo se utiliza en eventos formales y prestigiosos porque despierta y seduce nuestros sentidos con su elegancia y sensualidad. Pero es la ausencia de luz, por ello también intimida o aterra.
Positivo
  • Formalidad
  • Fuerza
  • Autoridad
  • Prestigio
Negativo
  • Tristeza
  • Dificultad
  • Depresión
  • Pesimismo
Simboliza
  • Elegancia
  • Sofisticación
  • Poder
  • Protección
Provoca
  • Intimida
  • Seduce
  • Da seguridad
  • Entristece

Blanco

#FFFFF
El color de la inocencia y la pureza. El blanco da idea de perfección, sencillez y limpieza, es una mezcla en equilibrio de todas las tonalidades. Es un color integrador. Ayuda a lograr un equilibrio mental, aporta claridad y optimismo. También fomenta la introspección y la mente abierta.
Positivo
  • Bondad
  • Esperanza
  • Claridad
  • Paz
Negativo
  • Aburrido
  • Frío
  • Vacío
  • Distante
Simboliza
  • Limpieza
  • Pureza
  • Inocencia
  • Perfección.
Provoca
  • Refresca
  • Equilibra
  • Purifica
  • Simplifica

Gris

#808080
El gris es una mezcla de blanco y negro que se asocia con lo aburrido y conservador. Pero también es un color de equlibrio, de moderación y formalidad. Auna algo del negro y algo del blanco.
Positivo
  • Equilibrio
  • Sabiduría
  • Estabilidad
  • Formalidad
Negativo
  • Aburrido
  • Frío
  • Indecisión
  • Tristeza
Simboliza
  • Compromiso
  • Neutralidad
  • Control
  • Práctico
Provoca
  • Equilibra
  • Tranquiliza
  • Relaja
  • Calma

Rojo

#FF0000
El color se asocia con la energía y la pasión, que nos empuja para actuar. Es un color caliente que llama la atención más que otros colores. Por su ardor se asocia también  a la sexualidad y las pasiones. Es el color del dios de la guerra. El rojo se suele utilizar para advertir y señalar precaución y peligro.
Positivo
  • Sexualidad
  • Valentía
  • Deseo
  • Confianza.
Negativo
  • Ira
  • Violencia
  • Peligro
  • Agresividad
Simboliza
  • Acción
  • Fuerza
  • Energía
  • Pasión
Provoca
  • Alertar
  • Motivar
  • Estimular
  • Atender

Amarillo

#FFFF00
Si hablamos de felicidad y el optimismo podríamos hacerlo con un fonfo amarillo, alegre y enérgico que comunica diversión y alegría. Es el color del sol, nuestra fuente de vida. Aunque también se asocia con la cobardía y el engaño. Puede indicar un cierto peligro o de precaución.
Positivo
  • Alegria
  • Vitalidad
  • Esperanza
  • Diversión
Negativo
  • Cobardía
  • Engaño
  • Precaución
  • Inquietud
Simboliza
  • Optimismo
  • Felicidad
  • Conocimiento
  • Conciencia
Provoca
  • Inspirar
  • Divertir
  • Aclarar
  • Revitaliza

Azul

#0000FF
El azul es un color frío, peero genera confianza y lealtad. Se trata de una tonalidad con un efecto relajante, que nos inspria paz, tranquilidad y seguridad. Su caracter de color frío también evoca distanciamiento y cierta ausencia de emotividad. En general se considera un color beneficioso para el estado mental. Suele considerarse como color masculino
Positivo
  • Fiabilidad
  • Paz
  • Tranquilidad
  • Honestidad
Negativo
  • Frialdad
  • Pasividad
  • Depresión
  • Tristeza
Simboliza
  • Seguridad
  • Confianza
  • Responsabilidad
  • Lealtad
Provoca
  • Proteger
  • Calmar
  • Apoyar
  • Relajar

Naranja

#FFA500
El color naranja también esta ligao al entusiasmo y la emoción. Es un color que irradia calidez y alegría. Se considera un color divertido que aporta fuerza emocional. Comunica optimismo, espontaneidad y positividad a la vida. Es una tonalidad que fomenta la comunicación social y la creatividad. Todas estas son propiedades que se asocian a la juventud.
Positivo
  • Espontaneidad
  • Generosidad
  • Positividad
  • Creatividad
Negativo
  • Impaciencia
  • Infantilidad
  • Superficial
  • Alerta
Simboliza
  • Entusiasmo
  • Confianza
  • Éxito
  • Excitación
Provoca
  • Eatimular
  • Vitalizar
  • Crear
  • Exhibir

Rosa

#FFC0CB
Al ver este color inmediatemente pensamos en el amor y el romanticismo, y también el cuidado y la compasión. El rosa es un colo que definiríamos como amable y reconfortante, que despierta simpatía. Es como suavizar la energía del rojo con la pureza del blanco, aportando alegría y calidez. Suele considerarse un color femenino.
Positivo
  • Intuición
  • Ternura
  • Energía
  • Optimismo
Negativo
  • Inexperiencia
  • Debilidad
  • Inmadurez
  • Timidez
Simboliza
  • Delicadeza
  • Dulzura
  • Protección
  • Energía
Provoca
  • Calmar
  • Relajar
  • Liberar
  • Proteger

Verde

#00FF00
Aunque es un color frío se asocia aon la vida y la esperanza. El verde es un color relajante que revitaliza nuestro cuerpo y mente. Es una tonalidad que equilibra nuestras emociones y provoca sensación de seguridad y protección. También se asocia con la suerte. Pero esa sensación de crecimiento y comienzos puede llevar aparejada la inexperiencia.
Positivo
  • Generosidad
  • Esperanza
  • Prosperidad
  • Suerte
Negativo
  • Envidia
  • Celos
  • Enfermedad
  • Inmadurez
Simboliza
  • Armonia
  • Seguridad
  • Crecimiento
  • Salud
Provoca
  • Relajar
  • Equilibrar
  • Animar
  • Revitalizar

Púrpura

#800080
El púrpura o morado es un color muy dual, se asocia con la espiritualidad y la imaginación, pero también con la realeza y la riqueza. Como mezcla de rojo y azúl toma algo de ambos y se asocia con la armonía: el equilibrio entre fuerzas opuestas y con la creatividad e imaginación.
Positivo
  • Fantasía
  • Compasión
  • Sabiduria
  • Creatividad
Negativo
  • Inmadurez
  • Debilidad
  • Individualismo
  • Frustración
Simboliza
  • Espiritualidad
  • Misticismo
  • Misterio
  • Imaginación
Provoca
  • Anima
  • Calma
  • Inspira
  • Enaltece

Violeta

#EE82EE
Este es un color muy cercano al púrpura y evoca una sensación de sofisticación, pero también posee un contenido calidad espiritual. A menudo se asocia la atención plena. El violeta también evoca el futuro, la imaginación y los sueños. Se considera un color creativo y audaz, símbolo de la contracultura.
Positivo
  • Romanticismo
  • Nostalgia
  • Audacía
  • Energia
Negativo
  • Sufrimiento
  • Muerte
  • Penitencia
  • Tristeza
Simboliza
  • Frescor
  • Energía
  • Audacia
  • Alegría
Provoca
  • Anima
  • Refresca
  • Introspección
  • Inspira

Marrón

#800000

Es el color asociado con la tierra. Se puede decir que el marrón transmite sensación de fiabilidad y estabilidad. Es un color de fuerza y carácter. Evoca seguridad y confiabilidad. Es una tonalidad cálida que se asocia con la comodidad y la naturaleza. Esa robustez no está reñida con la sofisticación. Se dice de él que es el color de la resiliencia y también de la seguridad material, pero también de lo predecible o aburrido

Positivo
  • Honestidad
  • Naturaleza
  • Sabiduría
  • Salud
Negativo
  • Fealdad
  • Tristeza
  • Aburrimiento
  • Timidez
Simboliza
  • Fortaleza
  • Simplicidad
  • Estabilidad
  • Comodidad
Provoca
  • Simplificar
  • Estabilizar
  • Apoyar
  • Proteger