🎯 Um kit de ferramentas,
cada tarefa de design

Harmonias de Cor

Gere paletas complementares, triádicas, análogas e complementares divididas a partir de qualquer cor base. Clique em qualquer amostra para copiar seu código hex.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🎯 Harmonias de Cor

Guia de harmonia de cores

Harmonias de cores são combinações de cores que ficam agradáveis ​​juntas, derivadas de suas posições na roda de cores. As cores complementares ficam opostas umas às outras, as cores triádicas são espaçadas uniformemente em 120° e as cores análogas ficam lado a lado.

Escolha uma cor base e um tipo de harmonia. A ferramenta gira sua cor ao redor da roda HSL para gerar a paleta correspondente, mostrando cada amostra com seu código hexadecimal. Clique em qualquer amostra para copiá-la para a área de transferência.

Pro Tips

O que é harmonia de cores

Harmonia de cores é o conjunto de regras que diz quais cores combinam bem, derivado da geometria da roda de cores. Toda harmonia é um padrão fixo de ângulos a partir de um tom base: o complementar fica a 180°, o triádico a 120°, o análogo dentro de 30°, e assim por diante. Como o padrão é geométrico, qualquer cor base produz uma paleta funcional na hora — as harmonias parecem 'certas' porque o olho humano processa as relações de matiz do mesmo jeito, independentemente da cor inicial.

Complementares e complementares divididos

Pares complementares estão a 180° — vermelho e verde, azul e laranja, amarelo e roxo — e criam energia e contraste máximos. O complementar dividido suaviza o choque: em vez do oposto exato, pegue os dois vizinhos do oposto (base + 150° + 210°). Você mantém a vitalidade do par de contraste, mas perde a vibração dura — o que o torna uma das escolhas mais seguras para interfaces que ainda precisam se destacar.

Análogos e monocromáticos

Esquemas análogos pegam 3–5 tons vizinhos na roda, todos dentro de uns 60° — azul, azul-esverdeado e verde, por exemplo. Eles parecem calmos, coesos e naturais porque tons vizinhos compartilham pigmentos. O monocromático vai além: um único tom em diferentes matizes, sombras e saturações. Ambos são quase impossíveis de errar, o que os torna a escolha padrão de painéis, visualização de dados e marcas que querem parecer estáveis e confiáveis.

Esquemas triádicos e tetrádicos

Harmonias triádicas espaçam três cores uniformemente a 120° — o clássico vermelho/amarelo/azul. São vibrantes e equilibradas, perfeitas para marcas divertidas, ilustrações e infográficos. O tetrádico (ou duplo complementar) usa dois pares complementares formando um retângulo na roda — ex.: azul, laranja, violeta e amarelo-esverdeado. Dá a paleta mais rica de todas, mas é a mais difícil de equilibrar: deixe uma cor dominar e trate as outras três como acentos de apoio, ou o esquema desmorona em ruído.

Escolhendo harmonia para seu projeto

Ajuste a harmonia ao trabalho. Monocromático e análogo combinam com produtos profissionais, saúde e finanças — soam calmos e competentes. O complementar funciona para páginas de marketing e chamadas à ação, onde o contraste atrai atenção. O triádico combina com conteúdo divertido ou educacional. O complementar dividido é o melhor coringa para aplicações web: vivo, porém seguro. Escolha o que escolher, aplique a regra 60-30-10 — 60% dominante, 30% secundário, 10% acento — para a paleta ter hierarquia em vez de competição.

Frequently Asked Questions

Q: O que são cores complementares?
O que são cores complementares? Duas cores diretamente opostas na roda de cores (180° separadas), como azul e laranja ou vermelho e verde. Eles criam contraste máximo.
Q: O que é um esquema de cores triádico?
O que é um esquema de cores triádico? Três cores espaçadas uniformemente a 120° ao redor da roda, como vermelho, amarelo e azul. Os esquemas triádicos são vibrantes, mas equilibrados.
Q: Qual é a diferença entre análogo e monocromático?
Qual é a diferença entre análogo e monocromático? Análogo usa cores adjacentes na roda (por exemplo, azul, verde-azulado, verde). Monocromático usa apenas um matiz com diferentes níveis de luminosidade e saturação.
Q: Por que minha paleta parece turva?
Por que minha paleta parece turva? Ao misturar complementos com intensidades iguais, as cores ficam acinzentadas. Reduza a saturação de uma cor ou deixe um matiz dominar para manter a paleta fresca.
Q: Posso usar essas paletas para visualização de dados?
Posso usar essas paletas para visualização de dados? Sim, mas verifique primeiro se é compatível com daltonismo. Use a ferramenta Simulador de daltonismo neste site para verificar se sua paleta é distinguível.
Q: O que é harmonia de cores?
O que é harmonia de cores? É o padrão geométrico de relações de matiz da roda de cores que produz combinações visualmente agradáveis.
Q: Quantas harmonias de cores existem?
Quantas harmonias de cores existem? Seis principais: complementar, complementar dividido, análoga, monocromática, triádica e tetrádica.
Q: Qual é a melhor harmonia de cores para sites?
Qual é a melhor harmonia de cores para sites? A complementar dividida é a melhor coringa — viva, porém segura; a análoga funciona melhor para interfaces calmas e profissionais.

Cores do Brasil

Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.

Verde Bandeira #009C3B

O verde da bandeira nacional, símbolo das matas

Amarelo Bandeira #FFDF00

O ouro do losango da bandeira brasileira

Azul Bandeira #002776

O azul do círculo e das estrelas

Azul Azulejo #1E5FA8

Herança dos azulejos portugueses em igrejas e casarões

Rosa Choque #FF1493

A energia vibrante do carnaval e das marcas jovens

Verde Amazônia #228B22

A floresta tropical, pulmão do planeta

Amarelo Ouro #FFD700

O ouro do barroco mineiro de Ouro Preto

Terracota Nordestina #CD5C5C

A argila do sertão e do artesanato nordestino

Anil #4B0082

Cor do vestido tradicional das baianas

Branco Areia #EDE4D3

As praias de areia clara do litoral

Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.