Misturador de cores

Como as cores se misturam na tela

Toda cor na tela é feita de luz vermelha, verde e azul. Somar luz clareia o resultado, e por isso essa mistura se chama aditiva. Luz vermelha mais luz verde dá amarelo, verde mais azul dá ciano, e as três no máximo dão branco. O misturador acima funciona assim: faz a média dos canais vermelho, verde e azul das suas duas cores, segundo a proporção escolhida. Ele calcula a média, e não a soma, então uma mistura meio a meio de luz vermelha e verde dá oliva #808000: o mesmo matiz do amarelo que a soma daria, com metade do brilho.

É por isso que uma mistura 50/50 pode parecer mais clara e mais apagada do que você esperava. Duas cores intensas opostas no círculo cromático — um azul e um amarelo, por exemplo — viram um cinza sem vida, porque seus canais se anulam. Se quiser que a mistura continue saturada, afaste a proporção do centro ou escolha duas cores mais próximas no círculo.

Por que a tinta se mistura de outro jeito

Tinta, nanquim e corante fazem o contrário: cada pigmento absorve parte da luz que recebe e reflete o resto, então cada cor somada tira luz. Essa é a mistura subtrativa, e suas primárias são as da escola — vermelho, amarelo e azul — ou o ciano, magenta e amarelo da gráfica. Tinta vermelha com verde dá um marrom embarrado, enquanto luz vermelha com luz verde dá amarelo.

Nenhuma ferramenta digital prevê um pigmento real com exatidão, porque o resultado depende das próprias tintas: opacidade, finura da moagem e quanto branco ou preto já vem no tubo. Use a tabela abaixo para os resultados clássicos e trate o misturador como um jeito de planejar uma combinação, não de igualar uma amostra física.

Que cor sai de misturar…

As combinações mais buscadas, com o resultado tradicional em tinta ao lado do que essas mesmas duas cores dão quando a tela faz a média delas. As duas colunas discordam de propósito: essa é a diferença entre misturar pigmento e misturar luz.

Os resultados em tinta são os convencionais; pigmentos reais mudam conforme a marca e a opacidade. Os valores de tela são a média exata 50/50 calculada nesta página.

Como usar o misturador de cores

1. Escolha as duas cores. Clique em qualquer um dos blocos para abrir o seletor, ou digite um código hex direto no campo abaixo. O valor RGB se atualiza sozinho.
2. Ajuste a proporção. Arraste o controle para dar mais peso a uma das cores. Em 50 as duas pesam igual; puxe para uma ponta para conservar mais daquela cor no resultado.
3. Copie o resultado. A cor misturada mostra nome, hex e valor RGB. Use os botões de copiar para levar qualquer um dos formatos direto para a sua ferramenta de design ou para o CSS.
4. Salve como paleta. Gere uma paleta a partir da mistura para ter um conjunto completo construído em volta dela, com verificação de contraste e uma página para compartilhar.

Dicas de mistura que continuam valendo

• Para clarear uma cor, misture com branco; para escurecer, com preto. Misturar com um cinza da mesma luminosidade tira a saturação sem clarear nem escurecer.
• Misturar um pouco da cor oposta no círculo cromático é o jeito mais rápido de acalmar uma cor. Use isso no lugar do preto, que tende a sujar.
• Cores de interface precisam de contraste, não só de harmonia: confira qualquer cor misturada contra o fundo antes de usar em texto.
• Duas cores cuja mistura dá um meio-termo agradável costumam funcionar bem juntas numa paleta: esse meio-termo serve de borda, estado hover ou fundo discreto.