Paleta de Cores

Roda de cores interativa

Arraste o ponto pela roda para escolher uma cor. Na hora você vê as cores que combinam com ela em cada tipo de harmonia.

Arraste o ponto ou toque na roda

Cores da combinação

Toque em uma cor para copiar o HEX.

O que é a roda de cores

É um círculo que organiza as cores pelo tom. Cores vizinhas se parecem e cores opostas contrastam. Ela ajuda a escolher combinações que funcionam, no design, na decoração ou na roupa.

Cores primárias, secundárias e terciárias

Na tela, as primárias são vermelho, verde e azul (RGB). Misturando duas primárias surgem as secundárias: amarelo, ciano e magenta. As terciárias ficam entre uma primária e uma secundária, como o laranja ou o violeta. Na pintura se usa o modelo clássico: vermelho, amarelo e azul.

Cores quentes e frias

As quentes vão do vermelho ao amarelo e passam energia e proximidade. As frias vão do verde ao violeta e passam calma e distância. Uma cor quente com várias frias, ou o contrário, cria contraste sem perder o equilíbrio.

Tipos de combinações

Complementares

Duas cores opostas na roda. Dão o máximo de contraste. Exemplo: azul #2B6CB0 e laranja #DD8A2B, ótimo para um botão que se destaque.

Análogas

Três cores vizinhas. Ficam harmoniosas e tranquilas. Exemplo: verde, verde-azulado e azul, como numa paisagem.

Tríade

Três cores com a mesma distância entre si. São vivas e equilibradas. Exemplo: vermelho, amarelo e azul numa ilustração infantil.

Complementar dividida

Uma cor e as duas vizinhas da sua oposta. Há contraste, mas com menos tensão que a complementar. Exemplo: violeta com amarelo-esverdeado e laranja.

Tétrade

Quatro cores formando um retângulo ou quadrado. Dão muita variedade: escolha uma como principal e use as outras nos detalhes.

Perguntas frequentes

Como usar a roda de cores?

Escolha uma cor base arrastando o ponto ou digite o HEX dela. Depois escolha um tipo de combinação e copie as cores que aparecem abaixo.

Quais cores combinam segundo a roda?

As opostas (complementares) contrastam, as vizinhas (análogas) harmonizam e as que formam um triângulo (tríade) ficam equilibradas.

Por que o vermelho fica no topo?

É a convenção mais usada: o tom 0° é o vermelho e a partir dele a roda passa por amarelo, verde, ciano, azul e magenta.

Posso usar essas cores no Canva ou em CSS?

Sim. Copie o HEX de cada cor com um toque ou abra a combinação no gerador de paletas para exportar.

Outros guias e ferramentas