UTILS.
100% no navegador

Misturador de Cores

Misture duas cores em uma proporção ajustável e obtenha o valor HEX resultante.

Arraste o controle deslizante e clique no resultado para copiá-lo.

Sobre esta ferramenta

O Misturador de Cores é uma ferramenta gratuita, executada no navegador, que combina duas cores em uma proporção ajustável e retorna o código hex resultante. Escolha uma cor inicial e uma cor final com os seletores de cor nativos, e depois arraste o controle deslizante de proporção de 0 a 100 por cento para definir quão longe a mistura vai da primeira cor em direção à segunda.

A mistura é calculada interpolando cada canal RGB linearmente: em 0% o resultado é igual à primeira cor, em 100% é igual à segunda, e 50% é o ponto médio exato. Os valores são calculados em sRGB de 8 bits, arredondados para níveis inteiros de canal, e mostrados ao vivo como uma grande amostra de pré-visualização e uma string hex copiável enquanto você move o controle deslizante ou altera qualquer uma das cores.

Tudo roda no seu dispositivo — sem envio de dados, sem contas, sem rastreamento — e funciona offline depois que a página carrega. Use-o para encontrar um tom intermediário entre duas cores de marca, gerar uma etapa intermediária para um gradiente ou pré-visualizar o que duas cores produzem quando combinadas.

Perguntas frequentes

Como a mistura é calculada?
Cada um dos canais vermelho, verde e azul é interpolado linearmente entre as duas cores, ponderado pela posição do controle deslizante, e depois arredondado para o nível de 8 bits mais próximo. Em 0% você obtém a primeira cor e em 100% a segunda.
Como copio o resultado?
Clique no valor hex resultante e ele é copiado para a área de transferência.
O que significam as porcentagens do controle deslizante?
O controle deslizante define a proporção da mistura de 0 a 100 em passos de porcentagem inteira. 0% mostra apenas a primeira cor, 100% apenas a segunda, e 50% é uma mistura igual; o número indica quão longe o resultado se move em direção à segunda cor.
Ele suporta transparência ou outros formatos de cor?
Não. Os seletores usam a entrada de cor nativa, então ambas as cores são hex sRGB opacas de 6 dígitos sem canal alfa, e a mistura é feita em sRGB com correção de gama, e não em espaço de luz linear.

Mais ferramentas