Mia Hartley 
Quase ninguém digita "texto colorido". As pessoas digitam texto azul, ou rosa, ou vermelho. A cor não é um ajuste que elas vão mexer depois: é o que vieram buscar, e quase sempre carrega um motivo que elas não saberiam explicar direito.
Por isso este guia está organizado por cor. Cada uma aparece abaixo escrevendo o próprio nome, para você ver a cor em vez de ler sobre ela, e todas as amostras foram feitas com o gerador de texto colorido do TextStudio. Antes das oito, uma coisa decide todo o resto.
Uma cor não é legível. Uma cor sobre um fundo é.
Olhe o painel de cima. A palavra BRANCO está ali. Ela foi escrita exatamente no mesmo tamanho e na mesma espessura das outras, e é invisível, porque branco sobre branco não é nada. O amarelo se sai só um pouco melhor.
É esse o erro por trás de quase todo design ilegível: escolher uma cor isolada, num seletor, contra o fundo que o seletor por acaso mostra. Uma cor não tem legibilidade própria. Ela só tem uma relação com o que está atrás dela, e essa relação é o jogo inteiro.
A regra prática que vem daí: decida o fundo primeiro. Depois escolha uma cor que tenha para onde ir em cima dele. O amarelo é magnífico sobre preto e não tem salvação sobre branco; com o branco acontece o contrário. Nada mudou na cor, só o que estava embaixo.
1. Azul
A cor mais buscada de todas, e a mais calma. O azul é lido como confiança, distância e frio, e é por isso que bancos, softwares e hospitais estão afogados nele. Ele também recua: uma palavra azul fica para trás em vez de saltar para a frente.
A fraqueza dele é a escuridão. O azul puro é a mais escura das cores saturadas, então sobre um fundo preto ele precisa de um brilho ou de um contorno claro para sobreviver, exatamente como acima.
2. Rosa
O rosa não é mais simplesmente "de menina", e já não é há uns dez anos. Ele é lido como calor, brincadeira e confiança, e virou o padrão da beleza, da música e de tudo que fala com um público jovem.
É uma das cores mais fáceis de usar, porque se segura tanto em fundo claro quanto em fundo escuro. A armadilha é a oposta: rosa sobre rosa, que é o que acontece quando o fundo sai do mesmo painel de referências que o texto.
3. Vermelho
A cor mais barulhenta que existe. Vermelho quer dizer pare, promoção, alerta, amor e apetite, tudo ao mesmo tempo, e o leitor pega o sentido que o contexto sugerir. Ele avança mais do que qualquer outra cor: uma palavra vermelha parece fisicamente mais perto do que uma azul do mesmo tamanho.
Use-o para uma coisa de cada vez. Dois elementos vermelhos no mesmo design se anulam, porque os dois estavam dizendo ser o mais urgente.
4. Verde
Natureza, dinheiro, saúde e siga. O verde é a única cor que carrega um "sim" forte, e é por isso que todo botão de confirmar do mundo é verde; além disso, ele se acomoda bem no meio da faixa entre claro e escuro.
Preste atenção no tom. Um verde puxado para o amarelo é lido como fresco e brincalhão; um verde puxado para o azul é lido como clínico e caro. É o mesmo nome de cor e duas mensagens diferentes.
5. Amarelo
A cor mais luminosa que o olho consegue processar, e a que tem a maior distância entre o melhor e o pior caso. Sobre preto é imbatível. Sobre branco quase desaparece, como a primeira imagem mostrou.
Por causa dessa distância, o amarelo quase sempre precisa de um fio: um recorte branco, um contorno escuro, alguma coisa que lhe dê um limite. O guia sobre como adicionar contorno ao texto trata exatamente disso, e o amarelo é a cor que mais precisa.
6. Laranja
Calor sem a agressividade do vermelho. O laranja é lido como simpático, enérgico e um pouco barato, do jeito que um cartaz de promoção é barato, e é a cor do outono, do esporte e da comida.
É a cor mais difícil de colocar ao lado de outra. O laranja briga com o vermelho, embarra com o marrom e vibra contra o azul. Dê espaço a ele, ou dê um neutro.
7. Branco
Não é uma ausência, é uma escolha. O branco é lido como limpo, premium e calmo, e sobre uma fotografia é a única cor que funciona em quase qualquer assunto, e é por isso que ele domina a moda e os títulos de cinema.
A regra dele é simples e absoluta: o branco precisa de algo escuro atrás. Sobre uma foto clara ele some por completo, e nenhuma quantidade de sombra o salva. Mova o texto, escureça a foto, ou troque de cor.
8. Várias cores ao mesmo tempo
Uma cor por letra, o tratamento arco-íris. É lido como divertido, infantil e festivo, e é o que a maioria das pessoas quer dizer quando digita "texto colorido".
Ele também custa legibilidade, e custa mais do que se imagina. Isso merece uma demonstração própria, mais abaixo.
As oito, cada uma escrita na própria cor
Faltam três cores nesta lista porque elas já têm o próprio guia: efeitos de texto dourado, efeitos de texto roxo e fontes neon. Para prata e cromado, veja fontes metálicas.
O que cada cor diz antes de alguém ler
A cor é lida antes da palavra. Quando alguém termina de decifrar as suas letras, já foi informado se aquilo é urgente ou calmo, barato ou caro, para crianças ou para adultos. Não dá para ficar de fora disso, então vale escolher de propósito.
As quentes avançam e exigem atenção. As frias recuam e deixam o leitor respirar. As suaves falam de delicadeza e de festa. Nada disso é uma regra que você tenha que obedecer, mas, se for quebrar, quebre sabendo.
Quantas cores antes de deixar de se ler
A gente lê palavras como formas, não como letras. Uma cor mantém a forma intacta e a palavra chega inteira. Três ainda funciona, porque o olho as agrupa num padrão. Em sete, a forma já foi partida em pedaços e você se pega lendo letra por letra.
Isso é ótimo num painel de aniversário, onde ninguém está com pressa, e é fatal numa miniatura, onde você tem menos de um segundo. O arco-íris é uma decoração, não um jeito de escrever.
Escolher, em três passos
- Olhe o fundo antes de olhar a cor. Claro ou escuro decide metade das suas opções na hora. Amarelo e branco vivem em lados opostos dessa linha.
- Escolha pela mensagem, não pelo painel de referências. Vermelho diz urgente, azul diz calma, verde diz siga. Se a sua cor e a sua mensagem discordarem, a cor ganha, porque ela chega primeiro.
- Dê um fio a ela se for uma cor viva sobre um fundo movimentado. Amarelo, laranja e branco precisam de um limite assim que o fundo passa a ser uma fotografia em vez de um painel chapado.
Todos os efeitos daqui são gratuitos e não pedem conta. Abra o TextStudio para escrever as suas próprias palavras em qualquer uma dessas cores.
Perguntas que as pessoas fazem
Qual é a cor mais legível para texto? Não existe resposta sem um fundo. Preto sobre branco e branco sobre preto são os dois pares mais legíveis; amarelo sobre preto vem logo atrás; amarelo sobre branco está entre os piores.
Que cor devo usar num título? Uma que contraste com o que está atrás, e depois uma que combine com a sua mensagem. Nessa ordem. Um título que serve ao clima mas não pode ser lido falhou na única tarefa que tinha.
Posso colocar várias cores numa palavra só? Pode, e até umas três ela continua legível. Além disso você está decorando em vez de escrever, o que é a escolha certa para um painel de festa e a errada para qualquer coisa que precise ser lida rápido.
Por que meu texto colorido parece apagado? Normalmente porque a cor e o fundo estão perto demais em luminosidade. Duas cores podem parecer muito diferentes e ainda assim ter quase o mesmo brilho, e é o brilho, não o matiz, que faz as letras se destacarem.
Preciso saber o código hexadecimal? Não. Todo efeito daqui já traz uma cor que foi escolhida e equilibrada com o próprio contorno e a própria sombra. Pegar um efeito pronto é mais rápido do que ajustar um valor, e normalmente melhor.