Misturador de Cores
Misture duas cores e descubra os tons intermediários passo a passo, com seu código HEX.
Como misturar duas cores online
Escolha a cor A e a cor B
Selecione os dois cores que deseja misturar com o seletor visual ou seu código HEX.
Ajuste o número de passos
Escolha quantos tons intermediários deseja ver entre as duas cores.
Copie o tom que mais lhe agradar
Clique em qualquer amostra da mistura para copiar seu código HEX.
Perguntas frequentes sobre o misturador de cores
Misturar cores é útil para encontrar tons intermediários entre duas cores de marca, criar gradientes por etapas ou simplesmente explorar combinações. Esta ferramenta calcula a mistura diretamente no seu navegador.
Como a mistura é calculada?
+
Cada canal RGB é interpolado entre a cor A e a cor B no número de etapas que você escolher.
Quantas cores intermediárias posso gerar?
+
Você pode escolher entre 3 e 10 passos intermediários.
É a mesma coisa que um gradiente CSS?
+
O resultado é semelhante a um gradiente linear entre duas cores, mas aqui você obtém cada passo como uma cor sólida independente com seu próprio código HEX.
Posso copiar as cores geradas?
+
Sim, clique em qualquer cor para copiar seu código HEX.
É gratuito?
+
Sim, essa ferramenta é completamente gratuita.
Algum dado é enviado para um servidor?
+
Não, a mistura é calculada diretamente no seu navegador.
Cores
Conversor de cores (HEX, RGB, HSL, CMYK)
Converta qualquer cor entre HEX, RGB, HSL e CMYK instantaneamente, com visualização ao vivo e o nome de cor mais próximo.
Gerador de paletas de cores
Cria paletas de 5 cores harmoniosas (complementares, análogas, triádicas ou monocromáticas) a partir de uma cor base.
Gerador de Gradientes CSS
Cria gradientes lineares ou radiais com até 4 cores e copia o código CSS pronto para usar.
Verificador de Contraste WCAG
Verifique se a combinação de cores de texto e fundo atende aos níveis de acessibilidade AA e AAA.
Cor aleatória
Gera uma cor aleatória com um clique e descubra seu nome, código HEX/RGB/HSL e cores similares.
Seletor de cor (conta-gotas)
Escolha qualquer cor da sua tela com a ferramenta contagotas do navegador, ou use o seletor clássico.
Simulador de Daltonismo
Envie uma imagem e veja como pessoas com protanopia, deuteranopia ou tritanopia a veriam.
Gerador de Gradientes Mesh
Crie fundos com gradientes mesh (manchas de cor difuminadas) e baixe-os em PNG ou copie o código CSS.
Gerador de Tons e Sombras
Gera automaticamente os tons mais claros e as sombras mais escuras de qualquer cor, com seu código HEX.
Roda de Cores (Harmonias)
Escolha uma cor na roda e descubra suas combinações harmoniosas: complementares, análogas, triádicas e muito mais.
Extrator de Paleta de Cores da Imagem
Envie uma imagem e extraia automaticamente suas cores dominantes em uma paleta, com o código HEX de cada uma.
Cor Média de uma Imagem
Envie uma imagem e calcule instantaneamente sua cor média, com seu código HEX, RGB e HSL.
Explore as cores por família
Mais de 469 cores nomeadas, com seus códigos HEX, RGB, HSL e CMYK, organizadas em 12 famílias de tonalidades.
