Misturador de cores
NovoMisture duas cores em qualquer proporção e copie o resultado ou qualquer passo.
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
Um misturador de cores online gratuito para tinta ou luz
Este misturador de cores combina duas cores — ou mais — numa nova e mostra o gradiente completo de passos entre elas. Escolha cores com as amostras, escreva um código hex ou extraia-as diretamente de uma imagem carregada; depois leia o resultado misturado como HEX, RGB, HSL e CMYK. Tudo funciona no seu navegador, pelo que é instantâneo e nada do que carregue é alguma vez enviado para qualquer lado.
Onde a maioria das ferramentas apenas faz uma mistura linear simples, esta permite-lhe misturar duas cores online de três maneiras diferentes e mostra a diferença à medida que avança — para obter a resposta que um pintor espera, a que um ecrã produz ou um ponto médio matemático puro para gradientes e sistemas de design.
Subtrativo, aditivo ou mistura simples — três modelos de mistura
A mistura Subtrativa modela tinta e pigmento: as cores absorvem (subtraem) luz, portanto azul + amarelo = verde, vermelho + amarelo = laranja e vermelho + azul = roxo — os resultados intuitivos de 'que duas cores fazem X' que correspondem a tintas físicas, tintas de impressão e impressão CMYK. A mistura Aditiva modela a luz: vermelho, verde e azul somam-se, portanto vermelho + verde = amarelo e os três juntos fazem branco — como funcionam os ecrãs, projetores e luzes de palco.
O terceiro modo, Mistura, é uma interpolação linear direta que calcula a média dos canais RGB para encontrar o ponto médio numérico exato — ideal para gradientes, tonalidades de interface e geração de tokens de design. Um único botão alterna entre os três, e a faixa de mistura redesenha-se imediatamente para que possa ver a mistura de tinta de azul para amarelo passar por um verde realista no meio subtrativo.
Que duas cores fazem verde, laranja, roxo e castanho?
A tabela de mistura de cores integrada responde às perguntas de pigmento mais pesquisadas com um único toque: verde a partir de azul + amarelo, laranja a partir de vermelho + amarelo, roxo a partir de vermelho + azul, azul-petróleo a partir de azul + verde, e um castanho realista a partir de dois complementares como laranja + azul. Toque em qualquer par na tabela para carregá-lo no misturador em modo Subtrativo.
Como o motor subtrativo mistura como os pigmentos realmente o fazem, as cores secundárias saem autênticas e as terciárias escurecem naturalmente para castanho — o mesmo enlameamento que obtém quando mistura tinta real em excesso. O controlo deslizante de proporção permite controlar as proporções com precisão: 70% vermelho + 30% azul dá um roxo mais quente e mais magenta do que uma mistura 50/50.
Misturar a partir de uma imagem — e misturar mais de duas cores
Carregue qualquer fotografia e use o conta-gotas para extrair cores diretamente dela — perfeito para corresponder a uma cor de marca a partir de uma fotografia de produto, uma amostra de tinta ou uma imagem inspiradora. Escolha dois ou mais píxeis e misture-os. A imagem é descodificada localmente numa tela HTML, portanto um misturador de cores a partir de imagem aqui significa que o seu ficheiro nunca sai do dispositivo — adequado para ativos de marca confidenciais e maquetes de design não publicadas.
Precisa de combinar mais de dois? Clique em 'Adicionar cor' para adicionar uma terceira, quarta, quinta ou sexta amostra, cada uma com o seu próprio controlo deslizante de peso. A ferramenta devolve a mistura ponderada de todas as entradas — útil para calcular a média de uma paleta, recriar uma mistura de tinta com múltiplos pigmentos ou encontrar o centro visual de um conjunto de cores de marca.
Como se compara ao Adobe Color, Coolors e colordesigner.io
Adobe Color (color.adobe.com) é criado para a exploração de harmonia de cores — complementar, triádico, análogo — e requer uma conta Adobe que sincroniza dados com os servidores da Adobe. Não tem modelo de mistura subtrativo (tinta) ou aditivo (luz) nem controlo deslizante de proporção para misturar códigos hex específicos. Coolors (coolors.co) é excelente para gerar paletas, mas o seu misturador de cores apenas realiza uma mistura linear básica — equivalente ao modo 'Mistura' desta ferramenta.
colordesigner.io oferece uma mistura linear de duas cores e uma faixa de gradiente, mas apenas mostra valores hex — sem RGB, HSL ou CMYK — e carece de modelos de mistura baseados em física. Esta ferramenta preenche a lacuna: três modelos de mistura, quatro formatos de saída simultâneos, amostragem de cores de imagem, até seis cores com controlos de peso individuais e um URL partilhável. Sem conta, sem limites de utilização, sem envio para servidor.
Cada código pronto a copiar — e uma ligação partilhável
O cartão de resultado mostra os valores HEX, RGB, HSL e CMYK da cor misturada mais a cor CSS nomeada mais próxima, e um único clique copia qualquer um deles para a área de transferência. Gere 2–20 amostras de pontos médios espaçadas uniformemente entre as duas cores, copie um passo individual ou capture toda a sequência de uma vez para um gradiente CSS ou rampa de cores de sistema de design. Um URL partilhável captura as suas cores, proporção e modelo.
Não há nada a instalar nem conta a criar. A mistura de cores, a amostragem de imagens e a conversão de código acontecem localmente no seu navegador — as suas cores e imagens ficam no seu dispositivo. Marque o misturador de cores online e combine-o com o Gerador de Paletas de Cores e o Verificador de Contraste no UtiloKit para um fluxo de trabalho completo sem envios.
Frequently asked questions
Como misturar duas cores online?
Escolha as suas duas cores com as amostras ou escrevendo códigos hex, selecione um modelo de mistura (tinta/subtrativo, luz/aditivo, ou mistura linear simples) e arraste o controlo deslizante de proporção — por exemplo 30% / 70% — para controlar quanto cada cor contribui para o resultado. A cor misturada e os seus códigos HEX, RGB, HSL e CMYK atualizam-se instantaneamente; clique em qualquer linha de formato para a copiar para a área de transferência.
Que duas cores fazem verde?
Azul e amarelo fazem verde quando se mistura tinta ou pigmento (mistura subtrativa). Defina o modelo como Subtrativo e misture um azul como #2563EB com um amarelo como #FACC15 para obter um verde à volta de #61A73A. Num ecrã, onde se mistura luz (aditivo), as regras são diferentes — luz vermelha + verde = amarelo, e os três a intensidade máxima = branco.
Qual é a diferença entre mistura aditiva e subtrativa de cores?
A mistura aditiva combina luz: os canais vermelho, verde e azul somam-se, portanto vermelho + verde = amarelo e os três a máxima potência = branco. Os ecrãs, projetores e televisores funcionam assim. A mistura subtrativa combina pigmentos que absorvem (subtraem) comprimentos de onda de luz; quanto mais pigmento adicionar, mais escuro fica. Azul + amarelo = verde, e os três primários juntos produzem castanho. A impressão CMYK é subtrativa.
Como misturar dois códigos hex?
Escreva ou cole cada código hex no seu campo — com ou sem o # inicial — por exemplo #FF5733 e #33C1FF. O misturador combina-os imediatamente na proporção atual e devolve o código hex resultante juntamente com os seus equivalentes RGB, HSL e CMYK. O código hex abreviado de três dígitos como #F53 também é aceite e expandido automaticamente. Clique em qualquer linha de resultado para copiar.
Posso misturar cores a partir de uma imagem?
Sim. Abra o painel 'Misturar a partir de imagem', carregue qualquer fotografia ou captura de ecrã de design, depois clique na tela para amostrar cores diretamente da imagem para as suas ranhuras de cor. A imagem é descodificada localmente numa tela HTML no seu navegador com JavaScript — não são enviados dados para nenhum servidor e as suas imagens ficam completamente privadas no seu dispositivo.
Quantos passos de gradiente posso gerar entre duas cores?
O controlo de passos permite gerar entre 2 e 20 amostras espaçadas uniformemente entre as duas cores de entrada. Onze passos dão-lhe os dois extremos mais nove pontos médios — ideal para construir um gradiente CSS ou uma rampa de cores completa para um sistema de design. Clique em qualquer amostra individual para copiar o seu código hex, ou use 'Copiar tudo' para capturar toda a sequência.
É gratuito? Preciso de criar uma conta?
Não. O misturador de cores é completamente gratuito sem conta, sem registo, sem paywall e sem limites de utilização. Abra a página e comece a misturar imediatamente. Ao contrário de algumas plataformas de design que bloqueiam a mistura avançada de cores atrás de uma subscrição, cada funcionalidade aqui — modelos subtrativo e aditivo, amostragem de imagens, mistura de múltiplas cores, passos de gradiente e todos os formatos de saída — está disponível gratuitamente na primeira visita.
Related tools
Ver todas as ferramentas
Novo Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
Seletor e conversor de cor
Escolha uma cor e converta-a entre HEX, RGB, HSL e OKLCH.
Novo Verificador de contraste de cor
Verifique os rácios de contraste WCAG AA/AAA entre o texto e a cor de fundo.
Novo Gerador de gradientes CSS
Crie gradientes CSS lineares, radiais e cónicos com pré-visualização ao vivo.
Novo Gerador de box-shadow CSS
Crie box-shadows CSS de várias camadas com predefinições e pré-visualização ao vivo. Copie o CSS, o valor ou o estilo React num instante.
Novo Gerador de paletas de cores
Gere paletas complementares, análogas, triádicas e monocromáticas.