Misturar Cores
FreeMisture duas cores com um equilíbrio ajustável, usando mistura RGB simples, corrigida por gama, ou HSL.
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
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
- Encontrar uma cor intermediária para um gradiente, paleta de tema ou sistema de design sem adivinhar manualmente valores hex.
- Comparar como as mesmas duas cores ficam quando misturadas com métodos diferentes, já que a forma "correta" de misturar cores depende do que você está fazendo.
- Pré-visualizar um gradiente completo entre duas cores de marca ou UI rapidamente antes de escolher um ponto de parada.
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
Imagem
Canais RGB da Imagem
Divida uma foto em seus canais Vermelho, Verde, e Azul, em forma de escala de cinza ou colorida, mescle-os novamente, e baixe como ZIP, diretamente no seu navegador.
FreeImagem
Conversor e Visualizador de SVG
Converta SVG para PNG, JPEG, WEBP, BMP, ICO, ou AVIF, ou envolva PNG/JPEG/WEBP/BMP/GIF/ICO em um SVG válido, com detecção automática de direção, diretamente no seu navegador.
FreeImagem
Criador de Pôsteres
Divida qualquer imagem em páginas imprimíveis A4/Carta/A3 que você pode colar com fita para formar um grande pôster, com sobreposição ajustável para alinhamento fácil, tudo no seu navegador.
FreeImagem
Adicionar Linha à Imagem
Desenhe uma ou mais linhas em uma imagem enviada arrastando ou com coordenadas precisas, depois baixe o resultado em resolução total.
Comentários (0)
Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.
Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!