Misturador de cores

O que é Misturador de cores?

O Misturador de cores é uma ferramenta on-line gratuita que interpola entre duas cores e fornece a cor intermediária. Você insere a Cor A e a Cor B em HEX (tanto #rrggbb quanto a forma abreviada #rgb funcionam), move o controle de proporção de 0% (toda a Cor A) até 100% (toda a Cor B) e escolhe o espaço de cor: o RGB mistura os canais brutos diretamente, enquanto o Lab mistura em um espaço perceptual que costuma deixar o ponto médio com aparência mais natural e evita cinzas sem graça. Designers, desenvolvedores front-end e ilustradores o usam para encontrar um meio-tom entre duas cores de marca, criar rampas suaves de duas cores, derivar tonalidades para estados de hover ou borda, ou prever como duas tintas ou paradas de gradiente vão se encontrar no meio. O resultado é exibido como uma amostra grande acima de um campo HEX somente leitura que você pode copiar com um clique.

Como usar Misturador de cores

1. Digite ou cole sua primeira cor no campo Cor A (HEX) e a segunda no campo Cor B (HEX), no formato #rrggbb ou #rgb.
2. Arraste o controle Proporção (ou digite um número) para definir quanto da Cor B é misturado: 0% dá a Cor A, 100% dá a Cor B, 50% é o ponto médio exato.
3. Escolha o espaço de mistura com a chave RGB / Lab — escolha Lab para uma mistura mais uniforme à vista, ou RGB para uma média literal canal a canal.
4. Veja a amostra de visualização atualizar ao vivo e leia o valor HEX da cor misturada abaixo dela.
5. Clique no botão de copiar ao lado do resultado para copiar o HEX misturado para a área de transferência.

Exemplos

A #ff0000, B #0000ff, proporção 50%, RGB

#800080

A #4f86f7, B #ffffff, proporção 75%, RGB

#d3e1fd

Perguntas frequentes

Qual é a diferença entre as opções RGB e Lab?

O RGB mistura os canais vermelho, verde e azul de forma independente, o que é rápido e corresponde exatamente à forma como o CSS calcula a média das cores, mas pode pender para cinzas sem graça em tons distantes. O Lab converte ambas as cores para o espaço perceptual CIELAB, interpola ali e converte de volta, o que normalmente mantém o ponto médio mais claro e mais próximo do que o olho espera. Ambos produzem um resultado #rrggbb.

O que significa o controle de proporção?

A proporção é o quanto da Cor B há na mistura. A 0% o resultado é igual à Cor A, a 100% é igual à Cor B e a 50% é o ponto médio exato entre elas. Você pode arrastar o controle deslizante ou digitar uma porcentagem exata.

Quais formatos de cor posso inserir?

Ambas as entradas aceitam HEX na forma #rrggbb (seis dígitos) ou #rgb (abreviação de três dígitos). Se algum dos valores não for uma cor HEX válida, aparece uma mensagem de erro e nenhuma mistura é exibida até que ambos sejam válidos. A saída é sempre um valor HEX #rrggbb.

Posso usar a cor misturada em uma cadeia do espaço de trabalho?

Sim. O resultado é exposto como uma porta de saída, então em um espaço de trabalho deftdeck você pode conectar o HEX misturado diretamente a outra ferramenta, e ele se atualiza automaticamente sempre que você muda uma cor, a proporção ou o espaço de cor.

Minhas cores são enviadas para algum lugar?

Não. Todos os cálculos de mistura rodam localmente no seu navegador, então seus valores de cor nunca são enviados para um servidor. A ferramenta funciona off-line e mantém sua paleta privada.