Roda de Cores (Harmonias)
Escolha uma cor na roda e descubra suas combinações harmoniosas: complementares, análogas, triádicas e muito mais.
Como usar a roda de cores
Escolha uma cor na roda
Clique ou arraste sobre a roda de cores para escolher a cor base.
Selecione o tipo de harmonia
Escolha entre complementar, análogo, triádico, tetrádico ou monocromático.
Copie as cores resultantes
Você verá as cores harmoniosas marcadas na roda e em uma lista com seu código HEX para copiar.
Perguntas frequentes sobre a roda de cores
A roda de cores é a ferramenta clássica da teoria das cores para encontrar combinações harmoniosas. Aqui você pode usá-la de forma interativa e obter o código HEX exato de cada combinação.
O que é uma harmonia de cores?
+
É uma combinação de cores que resulta visualmente agradável conforme sua posição na roda de cores, como as complementares (opostas) ou as análogas (vizinhas).
Que tipos de harmonia posso ver?
+
Complementar, análogo, triádico, complementar dividido, tetrádico e monocromático.
Como escolho a cor base?
+
Clique ou arraste sobre a roda de cores; você também pode digitar diretamente um código HEX.
Posso copiar as cores resultantes?
+
Sim, clique em qualquer cor da lista para copiar seu código HEX.
É grátis?
+
Sim, esta ferramenta é completamente gratuita.
Minha seleção é enviada para algum servidor?
+
Não, todo o cálculo ocorre 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.
Misturador de Cores
Misture duas cores e descubra os tons intermediários passo a passo, com seu código HEX.
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.
