Misture duas cores por proporção

Você informa a primeira cor, a segunda e a contribuição percentual da segunda. A calculadora calcula separadamente a média de vermelho, verde e azul, arredonda cada resultado para um canal válido e retorna tanto um valor hexadecimal normalizado em maiúsculas quanto números RGB separados. Ela é útil quando um token de design, gráfico, tema ou ativo automatizado precisa de um resultado reproduzível, e não de uma cor escolhida visualmente. Cores e proporções inválidas são recusadas com clareza, enquanto entradas idênticas sempre geram a mesma saída.

Defina a proporção antes de misturar as cores

Considere a proporção como a contribuição percentual da segunda cor. O valor zero atribui todo o peso à primeira, portanto a saída é igual a color1. O valor cem atribui tudo a color2. Em vinte e cinco, a primeira contribui com setenta e cinco por cento e a segunda com vinte e cinco. Essa direção é importante ao criar várias amostras relacionadas, pois inverter as entradas sem inverter também a proporção altera o resultado. Informe uma abreviação hexadecimal de três dígitos, como #F00, ou um valor completo de seis, como #FF0000. O sinal inicial é opcional, mas todo caractere restante deve ser hexadecimal. A ferramenta recusa de propósito nomes CSS, funções RGB, cores de oito dígitos com alfa, campos ausentes e valores malformados, sem tentar adivinhar. Essa validação explícita torna lotes mais seguros: um erro de digitação gera uma resposta de entrada inválida em vez de uma paleta aparentemente correta. Documente a ordem das entradas nos scripts reutilizáveis para que outros responsáveis saibam qual extremo da mistura recebe o percentual declarado.

Entenda o cálculo RGB ponderado

Primeiro, o algoritmo converte cada cor hexadecimal em canais vermelho, verde e azul entre zero e 255. Para cada canal, multiplica o primeiro valor por um menos a fração da proporção, multiplica o segundo por essa fração, soma os produtos e arredonda para o inteiro mais próximo. Uma mistura de cinquenta por cento dá peso igual às duas entradas, enquanto uma de dez por cento permanece bem mais próxima da primeira. Os canais são calculados separadamente, portanto nenhuma escolha aleatória, tabela, solicitação de rede ou regra oculta interfere na resposta. Trata-se de uma média linear dos canais RGB codificados, não de uma mistura perceptual ou conversão por HSL, LAB, LCH, pigmentos ou luz com correção de gama. Por isso, o ponto médio visual entre cores de luminosidades muito diferentes talvez não pareça igualmente claro. Esse comportamento é intencional e atende programas que exigem a mistura aritmética comum em geradores de tokens e rotinas gráficas. O campo de método identifica o cálculo e simplifica auditorias futuras.

Use o resultado com segurança em design e automação

A resposta fornece a cor misturada como hexadecimal de seis dígitos em maiúsculas e como objeto RGB com canais inteiros. Ela também repete a proporção, apresenta os dois pesos normalizados e identifica o método. Use o hexadecimal diretamente em variáveis CSS, manifestos de temas, configurações de gráficos, modelos de e-mail ou arquivos de tokens. Use os canais separados quando outro programa exigir números ou quando você quiser enviar o resultado a um cálculo de contraste ou luminância. Como a operação é determinística e limitada, ela funciona bem em testes: uma solicitação fixa pode ser guardada como referência e comparada exatamente em cada execução. A versão no navegador atende trabalhos ocasionais; uma chamada de API custa US$ 0,002 quando uma esteira de compilação, sistema de conteúdo ou aplicativo precisa automatizar o mesmo comportamento. Verifique a acessibilidade caso haja texto sobre a cor produzida, pois uma proporção matematicamente correta não garante contraste suficiente. Para criar uma escala, mantenha o mesmo par ordenado e aplique uma sequência planejada de proporções, preservando extremos consistentes e amostras reproduzíveis.