la única hoja de trucos de combinaciones de colores que necesitará

nuestras vidas están llenas de color. El Color influye en nuestros estados de ánimo, sentimientos y percepciones, así como en nuestros procesos de toma de decisiones. Eso significa que sus opciones en combinaciones de colores juegan un papel esencial en la construcción de su marca y sitio web.

elegir la mejor combinación de colores es tanto una ciencia como un arte., Aunque no todo el mundo nació con un ojo para el color y una habilidad innata en el diseño gráfico, hay métodos y principios que puede utilizar para elegir las mejores combinaciones de colores para hacer una fuerte impresión y lograr el efecto deseado. Preparamos una hoja de trucos para ayudar a aliviar el estrés de elegir combinaciones de colores que funcionen bien para usted y que seguramente atraigan a su audiencia.

conceptos básicos de combinación de colores

antes de empezar a seleccionar combinaciones de colores, es una buena idea tener una comprensión básica de los colores, la terminología, cómo funcionan los colores juntos, las conexiones emocionales con ellos y el papel que desempeñan en la creación de una reacción.

comencemos por reintroducir la representación visual de las relaciones de tonos de color: la rueda de color.,

la rueda de Color

ya sea en la escuela primaria o tan reciente como la última vez que intentó usar Photoshop, la mayoría de nosotros hemos visto una versión de la rueda de color en algún momento. La historia de esta guía esencial para artistas y diseñadores se remonta a principios de 1700. comprender los fundamentos de la rueda de color ayudará significativamente en sus opciones de combo de color, especialmente si no está bien versado en el universo de la teoría del color.

¿cómo funciona la rueda de colores?

una rueda de color simple consta de 12 tonos de color dispuestos alrededor de un eje central.,

una rueda de colores que consiste en colores primarios, secundarios y terciarios

Todos los colores provienen de alguna combinación de colores primarios. Los tres colores primarios son rojo, azul y amarillo. Estos tres colores son esencialmente los padres de todos los otros colores.

colores primarios resaltados en una rueda de colores

mezclar partes iguales de dos colores primarios da como resultado la creación de colores secundarios.

• Rojo + Azul = Púrpura.
• Azul + Amarillo = Verde.,
• Rojo + Amarillo = Naranja.

los colores secundarios resaltados en una rueda de colores

Los colores terciarios son aquellos que provienen de mezclar uno de los colores primarios con uno de los colores secundarios más cercanos. Los colores terciarios se encuentran entre todos los colores primarios y secundarios.

colores terciarios resaltados en una rueda de color

terminología de Color

Al igual que cualquier área de estudio, el mundo del arte, el diseño y el color está plagado de lenguaje técnico., Una comprensión general de la terminología del color será útil, tanto aquí como en el futuro de su negocio. Vamos a presentarte los términos básicos más utilizados en el mundo cromático.

• Hue-los Términos «color» y «hue» son a menudo utilizados indistintamente por artistas y diseñadores. A todos los efectos, esto te ayudará, pero las palabras «color» y «matiz» en realidad significan cosas diferentes. En general, «color» se utiliza para referirse a todos, bueno, los colores, incluyendo negro, blanco y gris. Mientras que «matiz» se refiere al origen del color que vemos., Es la base del color que vemos y siempre es uno de los Seis colores primarios y secundarios en la rueda de colores.
• Tint-un «tint» es una versión más clara de un tono dado. Es un tono al que solo se le ha añadido blanco. A veces un tinte puede parecer más brillante que el tono original, pero es solo una versión más pálida. Un tinte puede variar desde un tono que es apenas más claro que el original, hasta casi blanco con una pequeña cantidad de color.
• Shade-esto es lo opuesto a un » tint.»Un» tono » es un tono con solo negro añadido a él., Puede, por supuesto, incluir cantidades variables de negro, y el color resultante puede ser apenas más oscuro que el tono original, o puede ser casi negro. Una manera fácil de recordar esto es pensar en cómo la hierba a la sombra de un árbol parece más oscura que la hierba al sol.
• tono – esto es muy similar a » tint «y» shade», solo que en lugar de ser un tono con blanco o negro añadido a él, es un tono con solo gris añadido a él., El gris que se agrega para hacer un «tono» solo debe consistir en blanco y negro, ningún otro color (Muchos colores que se consideran grises en realidad tienen una base que es un tono). Los colores tonificados tienden a ser vistos como más sofisticados que los tonos puros.
• cálido Versus frío-los colores» cálidos «son aquellos que se asemejan o simbolizan el calor, mientras que los colores» fríos » se atribuyen al hielo y a las temperaturas más frías. Por ejemplo: el rojo, el naranja, el amarillo y el rojo-púrpura son colores cálidos, mientras que el azul, El púrpura, el verde y el azul-verde son colores fríos.,

La Psicología del Color

ahora que hemos tenido una introducción a la teoría del color, deberíamos echar un vistazo rápido a la psicología del color. Esto es importante porque los colores y tonos que elija establecen el tono de cómo se sienten sus clientes y clientes con respecto a su sitio web, tarjetas de visita y/o espacio de oficina. Elegir una combinación de colores no se trata de elegir los colores que te gustan, se trata de elegir los colores que evocan las emociones que buscas de tu audiencia.

«El Color es un poder que influye directamente en el alma.,»~Wassily Kandinsky

a continuación se muestra un resumen rápido de los diferentes tonos y los sentimientos que a menudo provocan:

Los colores cálidos generalmente crean energía y emoción, y evocan pasión, mientras que los colores fríos calman y relajan.

si estás interesado en Leer más sobre la psicología del color y cómo los significados del color te afectan, lee el post completo aquí.

ahora que tenemos una comprensión del color aplicado al arte y el diseño, vamos a las cosas divertidas

combinaciones de colores

Una vez que haya decidido su psicología deseada, es fácil elegir colores que vayan juntos., Usando una rueda de colores, puede seleccionar rápidamente combinaciones de colores que son monocromáticas, complementarias, análogas, divididas, tríadas o tetrádicas. Estos diferentes esquemas de color guían sus opciones entre la selección de colores contrastantes y colores armoniosos, dependiendo del efecto deseado que desee lograr.

combinaciones monocromáticas

una combinación de colores monocromáticos es diferentes variaciones de un solo tono. Esta combinación consiste en diferentes tintes, tonos y tonos de la tonalidad elegida. Por ejemplo: azul oscuro, azul ligeramente más claro y azul claro., Estas combinaciones son excelentes para simplificar diseños ocupados y crear un aspecto armonioso y visualmente atractivo. Es una gran estrategia de combinación de colores si quieres que tu marca se identifique con un color en particular. También es útil para mostrar la progresión en un diseño, como una lista de precios por niveles, o para crear un diseño de aspecto más sofisticado utilizando un color más brillante.

combinaciones complementarias

los colores complementarios existen directamente uno frente al otro en la rueda de colores. Estos colores tienen un alto contraste entre sí y pueden hacer que su diseño se destaque audazmente con un alto contraste., Sin embargo, si se usan incorrectamente, pueden ser muy discordantes visualmente.

en términos generales, al usar colores complementarios, no desea usarlos por igual en su diseño. Desea elegir uno de los tonos como su color principal, luego use el color complementario para resaltar y para hacer que ciertos elementos importantes se destaquen.

estos esquemas de color contrastantes también se pueden encontrar en la naturaleza, y pueden dar una sensación vibrante, pero natural, a un diseño. Tomemos, por ejemplo, el coral Naranja que sobresale en el azul del océano, o la lavanda contra el verde suave del follaje.,

Ejemplos de combinaciones de colores complementarios:

• Rojo y verde.
• Azul y naranja.
• Amarillo y morado.
• Amarillo-verde y rojo-púrpura.
• Rojo-naranja y azul-verde.

Anterior es un ejemplo de una combinación complementaria: azul y naranja. Observe cómo están directamente uno frente al otro en la rueda de color.,

combinaciones análogas

estas combinaciones de colores se colocan directamente una al lado de la otra en la rueda de colores. Las armoniosas mezclas evocan serenidad y paz. Algunos dicen que esto se debe a combinaciones análogas que existen con tanta frecuencia en el mundo natural. Se recomienda que elija un color primario como base, luego elija dos más para resaltar. Esto generalmente funciona mejor con un color secundario y terciario. Asegúrese de que su color base domina, y los otros dos colores resaltan, no abruman., Además, tenga cuidado de elegir colores que estén demasiado relacionados, ya que pueden mezclarse y lavar su diseño.

ejemplos de combinaciones análogas:

• violeta, azul y verde azulado.
• Rojo, fucsia y morado.
• Rojo, naranja y amarillo.
• Verde, azul y púrpura.

dividir combinaciones complementarias

Esta es una variación del esquema de color complementario., Sin embargo, en lugar de dos colores directamente uno frente al otro, esta combinación se compone de un color y los colores a cada lado del complemento. Esta estrategia agrega más variedad que los esquemas de color complementarios al incluir tres tonos, sin ser demasiado discordantes o demasiado audaces. Usando este método, terminamos con combinaciones que incluyen tonos cálidos y fríos que se equilibran más fácilmente que los de los esquemas de color complementarios.,

ejemplos de esquemas de color complementarios divididos:

combinaciones triádicas

estos simples combos de color son variantes del esquema de color complementario dividido. Los colores de esta composición se encuentran igualmente espaciados en la rueda de colores. Toma un triángulo equilátero y colócalo en la rueda de colores. Los colores en cada punto se unen para hacer la combinación triádica.

estas combinaciones de colores tienden a ser bastante vibrantes, incluso cuando están tonificadas, teñidas o sombreadas. Los colores pueden parecer juguetones o adolescentes., Debido a esto, usted querrá tener cuidado con el equilibrio de estos colores. Elegir uno como color principal y usar los otros dos como acentos es un buen lugar para comenzar.

ejemplos de combinaciones triádicas:

• rojo, amarillo y azul.
• púrpura, verde y naranja.
• azul-púrpura, rojo-naranja y amarillo-verde.

combinaciones Tetrádicas

Al igual que la combinación triádica, la combinación de colores tetrádicos implica colores que están separados equidistantes., Excepto que estos combos de color usan cuatro colores en lugar de tres. Puede encontrar una combinación tetrádica colocando un cuadrado en la rueda de colores y eligiendo los colores en cada esquina, o eligiendo dos conjuntos opuestos de colores complementarios.

estas combinaciones de colores siempre son ruidosas y divertidas, y la vitalidad hace que los diseños se destaquen. Sin embargo, se debe tener precaución al encontrar el equilibrio con estas combinaciones, ya que pueden ser fácilmente abrumadoras.

ejemplos de esquemas de color tetrádicos:

• rojo, verde, azul-púrpura y amarillo-naranja.,
• Amarillo, púrpura, azul-verde y rojo-naranja.

la experimentación es clave

a menos que tengas una afinidad natural o un fondo en arte y diseño, elegir las mejores combinaciones de colores puede ser un poco abrumador a veces. Realmente no sabrá cómo se verán sus combinaciones de colores elegidas en su diseño hasta que realmente las aplique. Es por eso que experimentar con diferentes tonos, tonos, tintes y matices puede ayudarlo a encontrar las mejores combinaciones de colores para su propósito y deseo. Y ayudarle a entregar el mensaje y el sentimiento que pretende.,

hay una serie de aplicaciones y sitios web que también pueden ayudar con su proceso de toma de decisiones. Nos encanta el generador de paleta de colores en Canva, donde puede arrastrar y soltar una foto favorita para recuperar una paleta de colores.

ya sea que esté buscando una combinación de colores para su sitio web, tarjetas de visita u oficina, estamos seguros de que desarrollará la mejor combinación de colores para sus necesidades.

nuestros Combos favoritos

monocromo

Arte de Kimberly Rachelle. Paletas de colores de Canva.,

Complementary

Art by Kimberly Rachelle. Color palettes from Canva.

Analogous

Color palettes from Canva.

Split

Art by Kimberly Rachelle. Color palettes from Canva.

Triadic

Art by Kimberly Rachelle. Color palettes from Canva.

Tetradic

Color palettes from Canva.

Want to Learn More?,

• Cómo usar Photoshop: Tutoriales de Photoshop para principiantes
• Top 20 fabricantes de logotipos en línea: Crea tu propio logotipo
• 17 trucos fáciles de diseño de tiendas de comercio electrónico para aumentar las ventas ahora
• 40 ejemplos increíbles de diseño de sitios web de comercio electrónico