Mistura de cores

Um misturador de cores que combina cores do jeito que elas realmente se juntam. Escolha a mistura realista de tintas (assim azul e amarelo dão verde, como numa paleta), luz aditiva, tinta subtrativa, uma fusão perceptual ou uma média RGB simples — e compare as cinco de uma vez. Misture duas ou mais cores em qualquer proporção, leia o resultado em HEX, RGB, HSL, CMYK e OKLCH, monte um gradiente, verifique o contraste e até descubra uma receita de tinta a partir de tubos reais de artista.

Como misturar cores

1
Escolha um modelo

Tinta para pigmentos reais, luz para telas ou fusão para um ponto médio suave.

2
Escolha suas cores

Digite um código, use o seletor ou o conta-gotas e defina quanto de cada.

3
Leia o resultado

Veja a cor misturada e copie-a em HEX, RGB, HSL, CMYK ou OKLCH.

4
Compare e ajuste

Confira a comparação dos cinco modelos, o gradiente e a leitura de contraste.

Misture tintas, luz ou cores digitais e obtenha o resultado verdadeiro

Modelo de mistura

Cores

Lado a lado: todos os modelos

As mesmas cores misturadas de cinco formas. Note que a tinta dá verde, a luz dá branco e uma média RGB simples dá cinza — é por isso que a maioria dos misturadores parece "errada". Toque num cartão para alternar.

Passos da transição

Um gradiente em etapas entre suas cores, usando o modelo ativo. Clique em qualquer passo para copiar seu código.

9

Acessibilidade do resultado

Contraste WCAG da cor misturada e como ela aparece para pessoas com deficiência na visão de cores.

Inverso: encontre uma receita de tinta

Escolha uma cor-alvo e buscamos em tubos reais de tintas de artista a mistura de dois pigmentos mais próxima — com a proporção a usar.

Misturas de cores populares

Toque num par para carregá-lo no misturador e ver o resultado.

O que o torna diferente

Mistura real de tintas
Modelo de pigmentos Kubelka–Munk (spectral.js): azul + amarelo = verde, vermelho + verde = marrom — o resultado que o artista espera, e não um cinza sujo.
Cinco modelos, lado a lado
Tinta, luz, pigmento, fusão perceptual e a média RGB "errada" mostrados juntos, para você ver exatamente por que outros misturadores dão cinza.
Misture de 2 a 6 cores
Adicione cores e defina a quantidade de cada uma com um controle deslizante ou porcentagem exata; capture da tela com o conta-gotas.
Receita inversa de tinta
Informe uma cor-alvo e receba a mistura de dois tubos mais próxima a partir de pigmentos reais, com a proporção e uma pontuação de correspondência ΔE.
Todos os formatos + gradiente
HEX, RGB, HSL, CMYK e OKLCH com cópia em um clique, além de uma faixa de transição clicável com até 20 passos.
Acessibilidade integrada
Contraste WCAG da mistura no preto e no branco, mais uma prévia para protanopia, deuteranopia e tritanopia.

Usos comuns

  • Ver que cor duas tintas formam antes de misturá-las de verdade.
  • Encontrar a proporção de dois tubos que reproduz um tom-alvo.
  • Montar um gradiente suave entre as cores de uma marca para um design.
  • Entender por que azul + amarelo é verde na tinta, mas branco na luz.
  • Verificar se uma cor misturada continua legível e amigável para daltônicos.

Por que este misturador

Quase todo misturador de cores online apenas faz a média dos valores RGB, então azul e amarelo saem cinza — nada parecido com tinta de verdade. Esta ferramenta usa o modelo de pigmentos Kubelka–Munk (via o mecanismo de código aberto spectral.js) para misturar cores pela absorção e dispersão da luz, do jeito que os pigmentos realmente se comportam, de modo que azul + amarelo dá um verde convincente. Ela também é honesta quanto aos outros modelos: a mistura de luz é aditiva, a tinta é subtrativa, a fusão perceptual é para gradientes e a média RGB simples é mostrada apenas para demonstrar o erro comum. Os cálculos de mistura rodam no seu navegador via WebAssembly.

Perguntas frequentes

Que cor dá azul e amarelo?

Na tinta, azul e amarelo dão verde — é o que o modelo "Tinta" padrão mostra aqui, porque os pigmentos reais se misturam absorvendo a luz. Com luz (aditiva), azul e amarelo dão, em vez disso, branco. Uma média RGB ingênua dá cinza, e é por isso que tantos outros misturadores parecem errados.

Que cor dá vermelho e azul?

Misturados como tinta, vermelho e azul dão roxo (tendendo a um violeta profundo ou grená, dependendo dos vermelhos e azuis exatos). Como luz, vermelho e azul dão magenta.

Que duas cores formam marrom?

O marrom vem da mistura de cores complementares — por exemplo, vermelho + verde, ou laranja + azul, ou as três primárias juntas. Experimente o atalho "Vermelho + Verde" abaixo para vê-lo.

Por que isto é diferente de outros misturadores de cores?

A maioria das ferramentas faz a média dos canais RGB, o que é fisicamente errado para tinta. Esta oferece um modelo realista de pigmentos (Kubelka–Munk) como padrão, então os resultados batem com o que acontece numa paleta de verdade, e mostra todos os outros modelos lado a lado.

Posso misturar mais de duas cores?

Sim — adicione até seis cores e defina a quantidade de cada uma com um controle deslizante ou uma porcentagem exata.

O resultado da tinta é perfeitamente exato?

É fisicamente plausível, não exato como em laboratório. Converter uma cor de tela em um pigmento é uma estimativa, e os tubos reais variam em intensidade, então trate o resultado e a receita inversa como um excelente ponto de partida.

O que é a receita inversa?

Informe qualquer cor-alvo e a ferramenta busca em um conjunto de tubos reais de artista a mistura de dois pigmentos mais próxima, depois informa a proporção e quão próxima é a correspondência (ΔE).

Funciona no celular?

Sim. O conta-gotas precisa de um navegador baseado em Chromium (Chrome, Edge); em todos os outros, você pode usar o seletor de cores nativo.

Como você avalia esta ferramenta?

Obrigado pela sua avaliação!
Quer compartilhar mais? Deixe um comentário!
Obrigado! Seu comentário aparecerá após a moderação.
Publicado Atualizado Autor: