Misturador de Cores: combine duas ou mais cores online
O Misturador de Cores é uma ferramenta online gratuita que combina de 2 a 5 cores em um único tom misturado. Escolha suas cores, defina o quanto cada uma contribui e veja o resultado atualizar na hora em HEX, RGB e HSL.
Ele foi feito para designers ajustando a paleta de uma marca, artistas misturando tinta digital e desenvolvedores escolhendo o tom exato de interface entre dois valores. Como você controla a proporção de cada cor e o algoritmo de mistura, obtém um resultado preciso e repetível, em vez de ficar no chute.
Como misturar cores
Defina suas cores
Clique na prévia de cor para abrir o seletor do sistema, ou digite um valor HEX como #FF6B6B direto no campo. Você também pode carregar uma combinação pronta na lista Paletas de cores.
Ajuste as proporções
Arraste o controle de cada cor para mudar o quanto ela contribui; as proporções sempre somam 100%. Use uma proporção predefinida como 50 - 50, 30 - 70 ou Igual para dividir com um clique.
Escolha um modo de mistura
Alterne entre RGB para a mistura padrão de tela, HSL para transições de matiz mais naturais ou LAB para misturas perceptualmente suaves. A cor misturada é recalculada conforme você troca.
Copie o resultado
Quando a mistura ficar do jeito certo, clique no botão de copiar ao lado do valor HEX, RGB ou HSL para enviá-lo direto para a área de transferência.
Recursos
Três modos de mistura
Misture em RGB para cor de tela linear, HSL para combinação circular de matiz ou LAB para resultados perceptualmente uniformes e de aparência natural.
Misture de 2 a 5 cores
Comece com duas cores e adicione até mais três. Cada cor tem seu próprio controle de proporção, e os totais sempre se normalizam para 100%.
Paletas de cores selecionadas
Explore combinações prontas que se ajustam à sua quantidade de cores: paletas de 2 cores para duas cores, de 3 cores para três e assim por diante.
Prévia do gradiente
Uma barra de gradiente ao vivo passa por todas as cores selecionadas para você ver como elas fluem de uma para a outra.
Etapas da mistura
Com duas cores, veja nove tons intermediários de 10% a 90%. Clique em uma etapa para aplicar aquela proporção exata, ou passe o mouse para ler o valor HEX.
Inverter e redefinir
Inverta as duas primeiras cores para trocar a mistura, ou redefina tudo para as cores, proporções e modo RGB padrão com um clique.
Proporções predefinidas
Aplique divisões comuns entre duas cores como 50-50, 30-70, 70-30 ou 25-75, além da opção Igual, que distribui as proporções uniformemente entre todas as cores.
Copiar HEX, RGB e HSL
Leia a cor misturada em três formatos ao mesmo tempo e copie o que precisar: HEX para a web, RGB para CSS ou HSL para ferramentas de design.
Perguntas frequentes
Que cor dá quando você mistura duas cores?
Defina as duas cores, ajuste suas proporções e o painel Cor Misturada mostra o resultado em tempo real. Misturar vermelho e azul em partes iguais, por exemplo, resulta em um roxo no modo RGB. O tom exato depende das proporções e do modo de mistura escolhido.
Qual a diferença entre misturar em RGB, HSL e LAB?
O RGB faz a média dos canais vermelho, verde e azul — simples e ótimo para cores de tela, embora pares complementares possam ficar embaçados. O HSL mistura matiz, saturação e luminosidade, percorrendo o círculo cromático para transições mais limpas. O LAB mistura em um espaço perceptual modelado na visão humana, então o resultado tende a parecer o mais natural. Experimente os três e veja qual você prefere.
Posso misturar mais de duas cores e definir uma proporção?
Sim. Clique em Adicionar cor para misturar até 5 cores de uma vez. Cada cor tem seu próprio controle de proporção, e a ferramenta mantém todas as proporções somando 100%. Remova qualquer cor com o botão X para voltar a menos cores.
Isso é como misturar tinta (RYB) ou cor de tela (RGB)?
Esta ferramenta mistura em modelos aditivos de tela — RGB, HSL e LAB — que correspondem a como as cores se combinam em uma tela. Isso difere da mistura subtrativa de tinta (RYB), onde os pigmentos absorvem luz, fazendo azul e amarelo darem verde. Para design digital, os modos RGB e LAB daqui geram os valores que você realmente vai usar em CSS e softwares de design.
Por que as etapas da mistura somem com 3 ou mais cores?
As etapas da mistura mostram a transição entre exatamente duas cores em proporções diferentes. Com três ou mais cores não existe uma única linha de etapas, então a ferramenta mostra a prévia do gradiente para visualizar a mistura completa.
Ele mostra o resultado em HEX, RGB e HSL?
Sim. A cor misturada aparece em HEX, RGB e HSL ao mesmo tempo, cada uma com seu próprio botão de copiar. Copie HEX para a web, RGB para CSS ou HSL para ferramentas de design.
Meus dados são salvos ou enviados?
Não. Toda mistura acontece localmente no seu navegador e nada é enviado a um servidor. As cores não são guardadas entre sessões, então copie ou salve nos favoritos os valores HEX que quiser manter.
Ainda não há comentários. Seja o primeiro a comentar!