Mescle duas cores com o modo Sobreposição

Cada canal vermelho, verde e azul é avaliado separadamente: canais escuros da base usam multiplicação, enquanto canais claros usam trama. Informe cores hexadecimais de três ou seis dígitos e receba um hexadecimal normalizado, canais RGB numéricos e uma string RGB pronta para CSS. O cálculo é determinístico, dispensa o envio de imagens e valida as duas entradas antes de gerar a resposta.

Como a Sobreposição escolhe a fórmula

Sobreposição é um modo que aumenta o contraste, não uma média entre duas cores. A calculadora primeiro converte cada componente hexadecimal em um valor de zero a um. Em seguida, examina separadamente os componentes vermelho, verde e azul da base. Quando o valor base é igual ou inferior à metade, o componente segue a multiplicação: duas vezes a base vezes a mesclagem. Acima da metade, ele segue a trama: um menos duas vezes a distância restante de ambos os componentes até um. A escolha ocorre de forma independente em cada canal; por isso, um resultado pode multiplicar o vermelho e aplicar trama ao azul. O valor normalizado volta ao intervalo de 0 a 255 e é arredondado para o inteiro mais próximo. Essa sequência explícita torna a saída reproduzível e corresponde à definição convencional sem alfa usada por ferramentas gráficas. A posição das entradas importa: trocar base e mesclagem pode mudar o ramo selecionado e produzir outra cor.

Informe as cores e entenda a resposta

Forneça uma cor base e uma cor de mesclagem em notação hexadecimal. São aceitos tanto seis dígitos, como #336699, quanto três dígitos, como #369. O sinal # inicial é opcional, mas canais alfa, nomes de cores, funções CSS e espaços entre dígitos são rejeitados. Valores curtos são expandidos antes do cálculo, e entradas válidas retornam com seis dígitos maiúsculos para manter registros e testes consistentes. A resposta inclui o hexadecimal mesclado, um objeto RGB com campos inteiros e uma string rgb(...) que você pode colar em CSS. Ela também repete as entradas normalizadas e identifica o modo. A validação ocorre antes de qualquer cálculo. Se um campo estiver ausente, não for texto, contiver caractere inválido ou tiver tamanho incorreto, a solicitação retorna erro de entrada inválida, sem tentar adivinhar. Esse rigor ajuda em sistemas de build, nos quais uma cor aparentemente aceitável, mas não intencional, seria mais difícil de encontrar do que uma falha clara.

Use resultados determinísticos no seu fluxo de design

Use esta calculadora quando uma especificação indicar Sobreposição, mas você precisar de uma cor plana concreta em vez de um arquivo com camadas. Ela ajuda a gerar tokens de tema, conferir o resultado de um editor gráfico, criar valores esperados para testes de renderização ou calcular uma alternativa para sistemas que não preservam modos de mesclagem. Como a operação trabalha apenas com canais, ela não analisa pixels, opacidade, perfis de cor, gradientes nem a arte ao redor. Caso uma camada tenha transparência, componha o alfa separadamente ou use um fluxo de imagens que compreenda a pilha completa. O cálculo usa diretamente os canais RGB codificados; não lineariza a luz sRGB nem faz mistura perceptual. Isso é intencional, pois corresponde à fórmula convencional esperada por designers. O uso no navegador é grátis, e solicitações automatizadas à API custam US$ 0,002 cada. Os dois caminhos executam o mesmo cálculo puro, sem rede, aleatoriedade ou relógio; portanto, entradas válidas idênticas sempre produzem a mesma saída.