¿Sabías por qué en internet un enlace o link a otra página es de color azul? Los colores verde y rojo, no pueden ser distinguidos o reconocidos por las personas daltónicas, mientras que el azul lo ven la gran mayoría de personas. Se sabe que Mark Zuckenberg es daltónico, por eso el color del logo de Facebook es azul. Hoy vamos a repasar un poco de teoría del color y varios tips para elegir el mejor color para tu web.

¡Es apasionante, es todo un mundo excitante por descubrir!

Esta artículo pertenece a  una serie de posts que he trabajado para que puedas conocer mejor el significado de los coloreselegir una paleta para tu marca y aplicarla a tu web.

 

color web

 

¿Cómo elegir el mejor color para la web?

 

El color es un elemento fundamental en el diseño de nuestros proyectos digitales. Cuando diseñas tu web o el blog, no te recomiendo elegir los colores que te gustan, es recomendable emplear colores que más representan los valores y la personalidad de tu marca.

Cada color tiene un significado. No todos los colores significan lo mismo para todos los seres humanos, ni nos causan las mismas impresiones. Por ese motivo, es indispensable que conozcas la base de la teoría del color y tomes decisiones acertadas.

 

La psicología del color y la experiencia personal.

 

El color nos trasmite sentimientos y nos evoca sensaciones, hay toda una psicología detrás del color.

La elección de un color para tu marca es más relevante de lo que puedas imaginar.

Puede ser que hayas obviado este paso al hacer tu web, porque desconoces aspectos que te voy a contar, pero créeme, es súper importante que lo tengas en cuenta para transmitir la esencia de tu negocio digital.

Los colores se perciben a través de la vista y provocan respuestas inconscientes en nosotros, nos evocan un recuerdo ligada a una asociación agradable o de rechazo.

Las emociones que despiertan los colores se basan más en las experiencias personales que en lo que nos dicen que representa un color.

Piensa en esto, el rojo es un color que en diciembre, nos hace acordar a la Navidad (positivo). Mientras que si pensamos en un bombero, lo relacionamos con el fuego de un incendio (negativo).

El color también es capaz de modificar muchísimo nuestro estado de ánimo. ¿Te ha pasado que sintiéndote decaído has preferido llevar ropa de color alegre o divertida para levantar tu estado de ánimo? ¡Seguro que sí!

 

La teoría del color y su significado.

 

el circulo cromático

 

Definición de Wikipedia: “la teoría del color es un grupo de reglas básicas en la mezcla de percepción de colores para conseguir el efecto deseado combinando colores de luz o combinando colores reflejados en pigmentos”.

Los colores se dividen en:

Colores primarios: Los primarios son colores que se consideran únicos (absolutos) y que no se pueden crear con la mezcla de otros colores. Existen 3 tipos de colores primarios.

1.Los clásicos: utilizados por diseñadores y pintores, son el azul, rojo y amarillo. Mezclando estos colores pueden obtenerse toda la gama de colores que conocemos.

2.Los primarios aditivos (de la luz): es otro juego de colores primarios, el rojo, verde y el azul. Se utilizan en la ciencia o en la formación de imágenes en monitores. Si se mezclan en distintas proporciones, forman otros colores y si lo hacen en cantidades iguales forman la luz blanca. Qué increíble, ¿verdad?

3.Los primarios sustractivos (del pigmento) se componen de magenta, amarillo y cyan. Son los que se usan en una imprenta. Y a partir de unir estos colores, se consiguen todos los colores que vemos en materiales impresos: revistas, libros, folletos, carteles, etc.

 

Colores secundarios: Los tonos secundarios se obtienen al mezclar partes iguales de dos primarios. Son el naranja (mezcla de rojo y amarillo), violeta (mezcla de azul y rojo) y verde (mezcla de amarillo y azul).

Colores terciarios: son colores conseguidos por la mezcla de un primario con un secundario. Son el rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo. Los colores pueden tener matiz frío o cálido. Éste va a depender de la cantidad de amarillo que tenga un color (matiz cálido) o la cantidad de azul que tenga otro color (matiz frío). Lo explico a continuación.

 

Fríos: Los colores de gama fría son aquellos que incluyen en su mezcla algún tono de azul. Evocan serenidad, tranquilidad, expresan soledad, lejanía y frío.

Cálidos: La gama cálida es a la que pertenecen el amarillo, el rojo y sus derivados. Suelen tener amarillo y/o rojo en su combinación y son colores que expresan alegría, dinamismo, agresividad, fuerza y evocan calor, el fuego y al sol.

 

Cómo utilizar la psicología del color en tu web para conseguir tus objetivos.

 

colores web efectivos

 

El color y la cultura:

 

El color es fundamental para tener en cuenta cuando tenemos proyectos internacionales ya que un color puede tener un significado totalmente opuesto a otra cultura. Las diferencias culturales juegan un rol fundamental en los resultados de conversión.  ¡Toma nota!

Por ejemplo, el rojo en occidente simboliza la pasión, el amor y la energía. Mientras que, en China, representa la buena suerte y la celebración.  En Rusia está asociado a los bolcheviques y al comunismo. Te das cuenta como un color tiene distintas acepciones y lo que lo determina su significado va ligado a su cultura.

El color fucsia es femenino y está asociado a las niñas, mientras que en Bélgica está asociado a los niños.

Otro ejemplo llamativo es el naranja, mientras que en occidente se relaciona con artículos asequibles o de bajo coste y también con Halloween, en Holanda está asociado con la familia real y en el hinduismo se considera un color sagrado.

 

Lo que arrojó un estudio acerca de los usos de los colores en internet.

 

En un excelente análisis de Kissmetrics, algunos colores son los más elegidos o los que consiguen una mejor tasa de conversión en internet. Mira este resumen.

Preferencias de gustos entre hombres y mujeres: Una encuesta sobre el color y el sexo, dio como resultado que a las mujeres no les gusta el gris, el naranja y el marrón. Como color favorito prefieren el azul, el morado y el verde. Tienen una aversión a los tonos tierra y una preferencia por los colores primarios con matices.

Mientras que el resultado con los hombres fue distinto: a ellos no les gusta el morado, el naranja y el marrón. Ellos prefieren el azul, el verde y el negro. Estos últimos están asociados con la masculinidad.

 

preferencias colores hombres y mujeres

 

El color azul es el más usado en internet. Simboliza profesionalidad, confianza, paz, orden y lealtad. Expresa armonía, amistad, fidelidad, serenidad, sosiego. No hay ningún sentimiento negativo asociado al azul. El azul también simboliza la eternidad, ya que vemos el agua y el aire de color azul. Es usado por la red social más grande del mundo, Facebook y por bancos, como BBVA, y también lo usa PayPal, el sistema de pago que genera la mayor tranquilidad en las operaciones por internet. Sin embargo, es un color que nunca debería ser usado en páginas de comida, ya que no existe comida que sea azul. Incluso alguna teoría lo relaciona con el color del veneno.

 

El azul es el color preferido por la mayoría de gente para utilizar en la webHaz click para twittear

 

El amarillo es el color más contradictorio en cuanto a lo que representa. Es utilizado como advertencia porque se usa en las señales. Es el color del optimismo pero también del enojo, la mentira y la envidia. Es el color de la diversión, la amabilidad y lo positivo. Algunas teorías lo señalan como el color de la felicidad y que representa lo lúdico. Una creencia popular dice que no se debe pintar de amarillo las habitaciones de los niños porque los hace llorar más. El amarillo es el color preferido de un 6% de las mujeres y de los hombres.

 

El naranja es un color divertido que puede crear una sensación de prisa o impulso. Algunos test en blogs, demuestran evidencias de que el botón naranja es el que más convierte. El color naranja es un color que se interpreta como barato o de bajo coste. Quizás sea por eso. El naranja significa entusiasmo y exaltación, trasmite alegría  y es un color lleno de sabor, es el color de lo gustoso y lo aromático. Comemos muchas cosas de color naranja, por lo que está muy relacionado con la comida y se dice que también abre el apetito. El 3% de las mujeres y el 2% de los hombres nombran al naranja como su color preferido.

 

Colores primarios fuertes para los botones de call to action

web boton rojo

 

En entornos de pruebas, los colores primarios fuertes son los que tienen la tasa de conversión más alta. Verde, rojo, naranja y amarillo. Los colores oscuros tienen una tasa de conversión más baja. El objetivo de un elemento de conversión o botón, es captar la atención, este debe tener un color que haga contraste con el resto de elementos que están alrededor, para que destaque, no debe pasar desapercibido. Los colores fuertes llaman más la atención sobre el resto.

 

No existe una fórmula para elegir un color para una web, pero si tips para conseguir el correcto.Haz click para twittear

 

Existen unas pautas que puedes aplicar para cuando eliges una paleta de colores para tu marca, para que esta paleta te represente, sea armoniosa o tenga un buen contraste y combine bien. Lo importante es elegir una paleta de colores que vaya de acuerdo con tu producto o servicio. Y sobre todo mucha prueba/error, ver los resultados, cambiar si ves que no funciona, hasta dar con la mejor combinación de colores para tu web. Aunque aquí se mencione resultados de pruebas de otros países, es importante no generalizar, debes testar el color en tu web y ver qué es lo que funciona mejor.

 

web boton naranja

 

Herramientas para definir una paleta de colores

 

Existen muchas herramientas para poder elegir tu paleta de colores, pero no quiero marearte. Con estas cuatros herramientas podrás identificar un color, averiguar los colores que mejor combinan con una fotografía o empezar a definir tu propia paleta de colores.

Encuentra una fotografía del color que buscas. ¿Ya tienes definido qué color vas a utilizar en tu proyecto? ¿Necesitas una fotografía de un banco de imágenes en ese color exacto? Entra a Shutterstock Spectrum. Tienen fotos espectaculares ordenadas por colores.

Todavía no se te ocurre nada y prefieres calentar motores inspirándote en ideas de paletas de colores preciosas, éste es tu sitio. Entra es Design-Seeds y déjate impresionar.

paletas colores web

¿Quieres averiguar qué colores tiene una foto para hacer una combinación excelente? Sube una imagen a IMGR y obtén un resultado inmediato con una sugerencia de paleta de colores según tu foto. Te sorprenderá.

¿Quieres empezar a definir tu paleta de colores web? Kuler Adobe es ideal para encontrar una buena combinación de colores. Tienes la opción de elegir la armonía de colores que quieres para tu paleta y jugar con la rueda hasta encontrar el tono adecuado. También te permite guardar la combinación que hayas hecho o subir una foto y conseguir una paleta armónica automáticamente de esa foto. ¡Es fantástica!

Juega y aprende a combinar coloresblendoku app

Como bonus de este post, te recomiendo Blendoku para el móvil o la tablet, y lleva mucho cuidado porque es altamente adictiva 😉  Está disponible para IOS y Android. Se basa en realizar combinaciones de paletas de colores, ordenando los colores adecuadamente. Es una forma divertida de aprender a sentir el color y las distintas combinaciones que puedes realizar. Te abrirá la mente y te dará ideas. Te vas a divertir. Disfrútala.

 

¿Tienes alguna experiencia acerca de los colores más efectivos para utilizar en tu web/blog? Comparte tu experiencia con nosotros abajo en comentarios.

Fuente principal: https://blog.kissmetrics.com/psychology-of-color-and-conversions/ http://www.proyectacolor.cl/ http://www.profesorenlinea.cl/artes/colorestudiodel.htm

Susana Morin

Soy especialista en branding y Marketing Visual. Ayudo a negocios digitales que quieren conseguir una imagen atractiva y profesional creando el Branding de la marca y aplicándolo a Medios Digitales. Traduzco la personalidad y los valores de un negocio a marca e imagen y después la aplico a los soportes digitales tales como web, redes sociales, imágenes, campañas, ebooks o infoproductos.

0
Compartir129
Twittear1
Pin42
+14
Compartir85
261 Compartir