Combinações de cores para logo que funcionam, com hex

As combinações de cores para logo que funcionam melhor juntam uma cor escura e uma clara ou viva, como azul-marinho e dourado, verde-floresta e creme, ou grafite e lima. A diferença de luminosidade mantém as formas legíveis no tamanho de favicon e em escala de cinza, enquanto a diferença de matiz dá personalidade à marca. Abaixo estão dez pares testados e três trios com códigos hex e taxas de contraste, e depois um jeito rápido de conferir qualquer combinação por conta própria.

Por que logos usam tão poucas cores

O logo é a coisa mais reproduzida que um negócio possui. Ele aparece como um ícone de 16 pixels no navegador, bordado numa camisa, carimbado num copo de café e impresso em uma cor num recibo. Cada cor acrescentada é mais uma coisa que pode dar errado num desses lugares. Por isso tantas marcas conhecidas têm uma cor, e a maioria das demais, duas.

Comece pelo preto. Se a forma funciona em preto sobre branco e em branco sobre preto, a cor só pode ajudar. Se não funciona, nenhuma combinação vai salvá-la. Fundamentos de design de logo trata da forma; este artigo parte do princípio de que a forma já está definida.

Dez combinações de duas cores para logo

Repare que azul-petróleo e coral é a exceção. As duas cores têm luminosidade parecida, então letras corais num selo azul-petróleo seriam difíceis de ler e virariam uma mancha cinza numa impressão em preto e branco. O par ainda funciona quando as cores são formas separadas, como um símbolo azul-petróleo ao lado de um logotipo coral, cada um sobre fundo branco ou escuro. Os números vêm da fórmula WCAG explicada em contraste de cores e acessibilidade.

Combinações de três cores para logo

Três cores combinam com marcas feitas de peças separadas: um símbolo de ladrilhos, um logotipo com um ponto colorido, um conjunto de formas para uma marca infantil. Ancore o trio com uma cor escura e escolha duas claramente diferentes em matiz. Espaçá-las pelo círculo cromático, como em cores triádicas, evita que briguem.

Combinações de cores para logo a evitar

Logos em gradiente são um caso especial. Podem ficar ótimos em tamanho grande, mas formam faixas na impressão e borram em tamanhos pequenos. Mantenha uma versão chapada de uma ou duas cores e trate o gradiente como variação; logos em gradiente explica como construir os dois.

Como testar uma combinação de cores de logo

1. 1

   Imprima em escala de cinza

   Converta o logo para cinza. Se as duas cores viram o mesmo cinza, o par tem pouca diferença de luminosidade.

2. 2

   Reduza para 16 pixels

   Olhe como ícone de aba do navegador. As partes finas em cor clara somem primeiro.

3. 3

   Inverta

   Coloque o logo sobre a cor mais escura da marca e sobre branco. Veja qual cor precisa ser trocada em cada caso e anote.

4. 4

   Confira o daltonismo

   Passe por um simulador de daltonismo. Pares de vermelho e verde costumam se fundir para quem tem os tipos mais comuns de daltonismo.

5. 5

   Coloque sobre um fundo real

   Um logo raramente fica sobre branco liso na vida real. Teste sobre uma foto, um gradiente e um feed cheio.

Esse último teste é onde muitos logos sofrem. Como colocar um logo sobre fundo em gradiente trata das técnicas. No Gradiently, um Mark sabe onde ficam as palavras e o logo: sua região mais calma vai para trás deles e a Tinta automática escolhe tinta clara ou escura em cada linha a partir da paleta do próprio Mark, então um logo simples de duas cores pode ficar sobre um fundo rico sem caixa atrás.

Mantenha o logo simples e deixe a marca ser rica

O logo não precisa carregar todas as cores que a marca usa. Muitas marcas deixam o símbolo em uma ou duas cores e põem a profundidade nos fundos, na fotografia e na tipografia. Se o próximo passo é escolher a paleta mais ampla, ideias de cores para marcas tem 30 para começar, e logos famosos em gradiente mostra como marcas consolidadas equilibram um símbolo simples e cor expressiva.