Gerador de Esquema de Cores

O que é Gerador de Esquema de Cores

Um gerador de esquema de cores cria paletas harmônicas a partir de uma única cor base usando teoria das cores. Escolha qualquer cor e obtenha cinco esquemas prontos: complementar (oposto na roda de cores), análogo (vizinhos dentro de 30 graus), triádico (três matizes igualmente espaçados), split-complementar (base mais dois matizes próximos ao complemento) e tetrádico (quatro matizes formando um retângulo). Cada amostra exibe seu código hex para uso direto em CSS, ferramentas de design ou código.

Como usar

  1. Clique no seletor de cor ou digite um código hex no campo de entrada.
  2. Revise os cinco esquemas de cores gerados abaixo do campo.
  3. Clique em qualquer amostra de cor para copiar o código hex.
  4. Use o botão Compartilhar para salvar sua cor atual como link.

Quando usar

Precisa de um destaque que combine com o azul da sua marca #2563EB? Cole o hex, abra o esquema triádico e você recebe o laranja quente #EB6325 pronto para clicar e copiar. Cole direto no Figma ou na sua configuração do Tailwind para botões de alerta sem sair da aba, e compartilhe o link para um colega ver a mesma paleta.

Perguntas frequentes

O que é um esquema de cores complementares?

Cores complementares ficam diretamente opostas na roda de cores, separadas por 180 graus. O alto contraste entre elas cria destaque visual, fazendo uma cor se sobressair sobre a outra. Ótimo para botões de call-to-action sobre um fundo na cor base.

O que é um esquema de cores análogas?

Cores análogas são vizinhas na roda de cores, dentro de cerca de 30 graus da tonalidade base. Elas compartilham subtones e ficam naturais juntas, comuns em designs inspirados na natureza ou em composições calmas e coesas.

O que é um esquema de cores triádico?

Um esquema triádico escolhe três tonalidades separadas exatamente 120 graus. O resultado é vibrante e equilibrado, com três cores distintas de peso visual igual.

Qual a diferença entre split-complementar e complementar?

Em vez do único complemento, o split-complementar usa as duas tonalidades em cada lado (150 e 210 graus da base). Você obtém contraste similar ao complementar, mas com mais variedade de cores e sensação mais suave.

Posso compartilhar esta ferramenta com minha cor preenchida?

Sim. A URL é atualizada automaticamente enquanto você escolhe uma cor. Copie da barra de endereço ou use o botão Compartilhar e quem abrir verá a mesma cor e paletas.

Ferramentas relacionadas