Combinaciones de colores para logos, con códigos hex

Las combinaciones de colores para logos que mejor funcionan emparejan un color oscuro con uno claro o vivo, como azul marino y oro, verde bosque y crema, o carbón y lima. La diferencia de luminosidad mantiene legibles las formas en tamaño favicon y en escala de grises, mientras que la diferencia de tono da personalidad al símbolo. Debajo tienes diez parejas probadas y tres tríadas con códigos hex y ratios de contraste, y después una forma rápida de comprobar cualquier combinación tú mismo.

Por qué los logos usan tan pocos colores

Un logo es lo más reproducido que posee un negocio. Aparece como un icono de navegador de 16 píxeles, bordado en una camiseta, estampado en un vaso de café e impreso en un solo color en un ticket. Cada color que añades es una cosa más que puede salir mal en alguno de esos sitios. Por eso tantos símbolos conocidos son de un color, y la mayoría del resto, de dos.

Empieza en negro. Si la forma funciona en negro sobre blanco y en blanco sobre negro, el color solo puede ayudar. Si no funciona, ninguna combinación la salvará. Fundamentos del diseño de logos cubre el lado de la forma; este artículo da por hecho que la forma ya está decidida.

Diez combinaciones de dos colores para logos

Fíjate en que el verde azulado y el coral son la excepción. Ambos colores tienen una luminosidad parecida, así que unas letras coral sobre una insignia verde azulada serían difíciles de leer y se convertirían en una sola mancha gris en una impresión en blanco y negro. La pareja sigue funcionando cuando los colores son formas separadas, como un símbolo verde azulado junto a un logotipo coral, cada uno sobre fondo blanco u oscuro. Las cifras salen de la fórmula WCAG que explica contraste de color y accesibilidad.

Combinaciones de tres colores para logos

Tres colores van bien con símbolos construidos con piezas separadas: un símbolo hecho de teselas, un logotipo con un punto de color, un conjunto de formas para una marca infantil. Ancla el trío con un color oscuro y elige después dos claramente distintos en tono. Repartirlos por el círculo cromático, como en los colores triádicos, evita que compitan.

Combinaciones de colores para logos que debes evitar

Los logos con degradado son un caso especial. Pueden verse magníficos en grande, pero forman bandas al imprimir y se difuminan en tamaños pequeños. Conserva una versión plana de uno o dos colores y trata el degradado como una variación; logos con degradado explica cómo construir ambas.

Cómo probar una combinación de colores para un logo

1. 1

   Imprímelo en escala de grises

   Convierte el logo a gris. Si los dos colores se vuelven el mismo gris, la pareja tiene muy poca diferencia de luminosidad.

2. 2

   Redúcelo a 16 píxeles

   Míralo como icono de pestaña del navegador. Las partes finas en un color pálido desaparecen primero.

3. 3

   Inviértelo

   Coloca el logo sobre tu color de marca más oscuro y sobre blanco. Anota qué color hay que cambiar en cada caso y déjalo escrito.

4. 4

   Comprueba el daltonismo

   Pásalo por un simulador de daltonismo. Las parejas de rojo y verde suelen confundirse para las personas con los tipos de daltonismo más comunes.

5. 5

   Ponlo sobre un fondo real

   Un logo rara vez está sobre blanco liso en la vida real. Pruébalo sobre una foto, un degradado y un feed saturado.

Esa última prueba es donde muchos logos sufren. Colocar un logo sobre un fondo degradado cubre las técnicas. En Gradiently, un Mark sabe dónde van las palabras y el logo: su zona más tranquila se mueve detrás de ellos y la tinta Auto elige claro u oscuro por línea a partir de la propia paleta del Mark, de modo que un logo sencillo de dos colores puede ir sobre un fondo rico sin una caja detrás.

Mantén el logo sencillo y deja que la marca sea rica

El logo no tiene que llevar todos los colores que usa tu marca. Muchas marcas mantienen el símbolo en uno o dos colores y ponen la profundidad en sus fondos, fotografía y tipografía. Si vas a elegir ahora la paleta más amplia, ideas de colores de marca tiene 30 para empezar, y logos famosos con degradado muestra cómo marcas consolidadas equilibran un símbolo sencillo con un color expresivo.