Misturador de cores

Misture duas cores e obtenha a combinação exata

Escolha duas cores, arraste o controle deslizante para definir quanto de cada uma entra na mistura e leia instantaneamente o código hex resultante. O controle vai de 0% (toda a cor A) a 100% (toda a cor B); o ponto médio dá uma mistura equilibrada 50/50. A amostra grande é atualizada ao vivo enquanto você ajusta, e o botão Copiar coloca o valor hex na área de transferência para colar direto no seu CSS, ferramenta de design ou paleta.

A mistura é calculada com uma simples interpolação linear por canal no espaço RGB: cada canal vermelho, verde e azul é a média conforme a proporção escolhida e arredondado para o inteiro mais próximo. É a mesma operação que a maioria dos programas de design usa para uma mistura básica de duas cores. Tudo acontece localmente no seu navegador — nenhuma cor ou valor é enviado.

Perguntas frequentes

O que o controle de proporção faz? Define quanto da cor B é misturado à cor A. Em 0% você obtém a cor A exata, em 100% a cor B e em 50% uma mistura igual das duas.

Como as cores são misturadas? Cada canal RGB é interpolado linearmente entre as duas cores conforme a proporção escolhida e arredondado, então o resultado é uma média ponderada pelo controle deslizante.

Por que misturar vermelho e azul dá roxo em vez de marrom? Esta ferramenta mistura luz (RGB aditivo), como as telas, então vermelho e azul resultam em roxo. A mistura física de tinta é subtrativa e se comporta de forma diferente.