¿Sabías por qué en internet el enlace o link 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. Dicen 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!

Este es el primero de una serie de artículos que voy a hacer para que puedas conocer mejor el concepto del color y elegir una paleta para tu web adecuada y mejorar las conversiones.

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, debes pensar que no debes de poner los colores que te gustan, debes emplear los colores que más van a influir al usuario para que realice alguna acción, la que tú quieres que él haga. Cada color tiene un significado. No todos los colores significan lo mismo para todos, ni nos causan las mismas impresiones.

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. Es fundamental que la conozcas ya que la elección de un color para tu proyecto es más relevante de lo que puedas pensar. Seguramente tú y muchos que conozco, este paso lo han obviado en su web o blog, pero créeme, es importantísimo que lo conozcas más y lo tengas en cuenta al principio de cada proyecto.
Los colores se perciben a través de la vista y provocan respuestas inconscientes en nosotros, nos evocan un recuerdo a una asociación agradable o de rechazo. Las emociones evocadas por un color se basan más en las experiencias personales que en lo que nos dicen que representa un color. Por ejemplo el rojo es un color que en diciembre, nos hace acordar a la Navidad (positivo). Mientras que cuando vemos a un bombero, lo relacionamos con el incendio en el que se quemó nuestra casa (negativo). El color también es capaz de modificar muchísimo nuestro estado de ánimo. ¿Te ha pasado que sintiéndote decaída has preferido llevar ropa de color alegre para levantar tu estado de ánimo? ¡Seguro que sí!

La teoría del color y los colores.

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, utilizan el azul, rojo y amarillo. Mezclando estos colores pueden obtenerse todos los demás tonos que conocemos.
  1. Los primarios aditivos (de la luz) son otro juego de primarios: el rojo, verde y el azul. Se utilizan en la ciencia o en la formación de imágenes de monitores. Si se mezclan en distintas proporciones, forman otros colores y si lo hacen en cantidades iguales forman la luz blanca.
  2. Los primarios sustractivos (del pigmento) se compone de magenta, amarillo y cyan. Son los que se usan en imprenta.
Colores secundarios: Los tonos secundarios se obtienen al mezclar partes iguales de dos primarios. Son el naranja, violeta y verde.
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.
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 la China, representa la buena suerte y la celebración y en Rusia está asociado a los bolcheviques y al comunismo.
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 holandesa y en el hinduismo se considera un color sagrado.
La web y los niños:
Las webs para niños suelen contener colores alegres, pero ten en cuenta que son los padres quienes pagan y realizan la compra. Algunos colores que son ideales para ambos, son los colores rojo, azul, fucsia y amarillo, que implican rasgos como la confianza y la alegría.
En un excelente análisis de Kissmetrics, algunos colores son los más elegidos o los que consiguen una mejor tasa de conversión. Veamos un 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 la confianza, la paz, el orden y la lealtad. Expresa armonía, amistad, fidelidad, serenidad, sosiego. No hay ningún sentimiento negativo en el que domine el 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, 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 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. Se dice en muchos blogs, 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 la página, que destaque, no debe de pasar desapercibido. Los colores fuertes llaman más la atención que el resto.
Pero existen unas pautas que puedes aplicar para cuando eliges una paleta de colores para una marca o empresa, para que esta paleta 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 el mejor color 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 con tu propia audiencia.

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. Este tema lo veremos en futuros artículos que voy a compartir contigo.
Por ahora te recomiendo estas herramientas: Encuentra una fotografía del color que buscas. Shutterstock Spectrum ¿Quieres inspirarte en ideas de paletas de colores espectaculares? Design-Seeds
paletas colores web
¿Quieres averiguar qué colores tiene una foto para hacer una combinación excelente? Sube una imagen y te presenta los colores de tu foto. Imgr ¿Quieres empezar a definir tu paleta? Kuler Adobe es ideal para cuando empiezas, puedes seguir y seguir probando nuevas combinaciones hasta dar con la tuya. Kuler Adobe
Juega y aprende a combinar colores
blendoku app
Como bonus te recomiendo esta aplicación para el móvil o la tablet, que es altamente adictiva. 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.   Blendoku