WMW

Misturar Cores

Free

Misture duas cores com um equilíbrio ajustável, usando mistura RGB simples, corrigida por gama, ou HSL.

50%

Gradiente de mesclagem (0% a 100%)

Atividade recente

Visível para todos. Últimos 20 usos de todos os visitantes, mais recentes primeiro.

#FF0000 + #0000FF → #800080

há 16 horas

Comentários (0)

Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.

Comentários de convidados são revisados antes da publicação. Entrar para publicar instantaneamente.

Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!

O que esta ferramenta faz

Mistura duas cores juntas e mostra a cor resultante, com um balanço ajustável entre elas e uma escolha de três métodos de mesclagem: média RGB simples, mesclagem com correção gama (luz linear), ou mesclagem HSL através de matiz e saturação.

Como funciona

Cada cor é primeiro convertida de hex em valores de vermelho, verde e azul (0-255). O modo RGB simples interpola linearmente cada canal diretamente: resultado = cor1 + (cor2 - cor1) × balanço. O modo de correção gama primeiro converte cada canal dos valores sRGB que sua tela exibe em luz linear usando a função de transferência sRGB padrão, interpola nesse espaço linear, depois converte de volta, o que corresponde a como a luz se combina fisicamente e evita um ponto médio artificialmente escuro. O modo HSL converte ambas as cores em matiz/saturação/luminosidade, interpola o matiz ao redor da roda de cores pelo caminho angular mais curto (para que envolva corretamente, ex., misturar um matiz próximo de 350° com um próximo de 10° passa por 0° em vez do caminho longo por 180°), interpola saturação e luminosidade normalmente, e converte o resultado de volta para RGB.

Problemas que resolve

Perguntas frequentes

Qual modo de mesclagem devo usar?

RGB simples é bom para misturas rápidas e previsíveis e corresponde ao que a maioria das ferramentas básicas faz. Correção gama é a melhor escolha quando você quer uma mistura de aparência fisicamente natural, especialmente entre cores escuras e claras, já que evita o aspecto turvo e escuro demais que a média RGB simples produz. Vale a pena experimentar HSL quando você quer um resultado mais próximo de misturar pigmentos ou tinta, onde vermelho e verde tendem ao amarelo em vez de um marrom opaco.

Por que misturar preto e branco dá um cinza mais escuro em "RGB simples" do que em "Correção gama"?

RGB simples faz a média diretamente dos números brutos 0-255, então 50% preto e branco dá exatamente 127,5, um cinza médio. Correção gama primeiro converte ambas as cores em luz linear (desfazendo a curva gama sRGB que sua tela espera), faz a média ali, depois converte de volta, o que produz um resultado visivelmente mais claro (cerca de 188) porque passos iguais nos valores de cor armazenados não correspondem a passos iguais no brilho percebido.

O que o controle deslizante "Balanço" faz?

Define a ponderação entre as duas cores: 0% é 100% a primeira cor, 100% é 100% a segunda cor, e 50% é uma mistura equilibrada. Movê-lo permite pré-visualizar qualquer ponto ao longo da mistura, não apenas o ponto médio.

Por que a mistura HSL às vezes produz uma cor surpreendente, como vermelho e azul se misturando através do roxo, mas vermelho e verde através do amarelo?

A mistura HSL interpola o ângulo de matiz em uma roda de cores de 360 graus usando o caminho mais curto entre os dois matizes, em vez de fazer a média direta dos valores vermelho, verde e azul. Vermelho (0°) e verde (120°) estão relativamente próximos nessa roda, passando pelo amarelo (60°) no caminho, por isso a mistura tende ao amarelo em vez de se tornar um marrom plano como faria a média RGB simples.

Esta ferramenta suporta transparência ou valores alfa?

Não, ele mistura duas cores totalmente opacas. Se você precisa sobrepor uma cor semitransparente sobre outra (composição alfa), essa é uma operação diferente de misturar duas cores sólidas e exigiria uma ferramenta dedicada.

Ferramentas relacionadas