Combinações de cores para logótipos que funcionam, com códigos hex

As combinações de cores para logótipos que melhor funcionam juntam uma cor escura a uma cor clara ou viva, como azul-marinho e dourado, verde-floresta e creme, ou carvão e lima. A diferença de luminosidade mantém as formas legíveis ao tamanho de um favicon e em escala de cinzentos, enquanto a diferença de tom dá personalidade ao símbolo. Abaixo ficam dez pares testados e três trios com códigos hex e rácios de contraste, e depois uma forma rápida de verificares qualquer combinação.

Porque é que os logótipos usam tão poucas cores

Um logótipo é a coisa mais reproduzida que um negócio tem. Aparece como um ícone de navegador de 16 píxeis, bordado numa camisola, carimbado num copo de café e impresso a uma só cor num talão. Cada cor que acrescentas é mais uma coisa que pode correr mal num desses sítios. É por isso que tantos símbolos conhecidos têm uma cor e a maioria dos restantes tem duas.

Começa em preto. Se a forma funciona a preto sobre branco e a branco sobre preto, a cor só pode ajudar. Se não funciona, nenhuma combinação a salva. Noções básicas de design de logótipos trata da forma; este artigo assume que a forma já está resolvida.

Dez combinações de logótipo a duas cores

Repara que verde-azulado e coral é a exceção. Ambas as cores têm luminosidade parecida, por isso letras coral num selo verde-azulado seriam difíceis de ler e virariam uma só mancha cinzenta numa impressão a preto e branco. O par continua a funcionar quando as cores são formas separadas, como um símbolo verde-azulado ao lado de um logótipo tipográfico coral, cada um sobre fundo branco ou escuro. Os números vêm da fórmula WCAG explicada em contraste de cor e acessibilidade.

Combinações de logótipo a três cores

Três cores servem símbolos feitos de peças separadas: um símbolo feito de mosaicos, um logótipo tipográfico com um ponto colorido, um conjunto de formas para uma marca infantil. Ancora o trio com uma cor escura e escolhe duas que sejam claramente diferentes no tom. Espaçá-las à volta do círculo cromático, como em cores triádicas, evita que compitam.

Combinações de cores de logótipo a evitar

Os logótipos com gradiente são um caso especial. Podem ficar magníficos em grande, mas formam bandas na impressão e esbatem-se em tamanhos pequenos. Mantém uma versão lisa a uma ou duas cores e trata o gradiente como variação; logótipos com gradiente explica como construir ambas.

Como testar uma combinação de cores de logótipo

1. 1

   Imprime-o em escala de cinzentos

   Converte o logótipo para cinzento. Se as duas cores ficarem o mesmo cinzento, o par tem pouca diferença de luminosidade.

2. 2

   Reduz-o a 16 píxeis

   Olha para ele como um ícone de separador do navegador. As partes finas numa cor clara desaparecem primeiro.

3. 3

   Inverte-o

   Põe o logótipo sobre a cor mais escura da marca e sobre branco. Repara que cor precisa de ser trocada em cada caso e escreve-o.

4. 4

   Verifica o daltonismo

   Passa-o por um simulador de daltonismo. Os pares de vermelho e verde costumam fundir-se para quem tem os tipos mais comuns de daltonismo.

5. 5

   Põe-no num fundo real

   Um logótipo raramente fica sobre branco liso no mundo real. Testa-o sobre uma fotografia, um gradiente e um feed carregado.

Este último teste é onde muitos logótipos têm dificuldades. Pôr um logótipo sobre um fundo de gradiente trata das técnicas. No Gradiently, um Mark sabe onde ficam as palavras e o logótipo: a sua zona mais calma desloca-se para trás deles e a Tinta automática escolhe letra clara ou escura por linha a partir da paleta do próprio Mark, por isso um logótipo simples a duas cores pode assentar num fundo rico sem uma caixa por trás.

Mantém o logótipo simples e deixa a marca ser rica

O logótipo não tem de levar todas as cores que a marca usa. Muitas marcas mantêm o símbolo a uma ou duas cores e põem a profundidade nos fundos, na fotografia e no tipo de letra. Se a seguir vais escolher a paleta mais ampla, ideias de cores de marca tem 30 para começar, e logótipos famosos com gradiente mostra como marcas estabelecidas equilibram um símbolo simples com cor expressiva.