135 · Design e Web

Gerador de paleta de cores

Escolha uma cor base e uma harmonia para obter uma paleta. Clique em uma amostra para copiar seu código hexadecimal.

Seus dados: Esta ferramenta processa sua entrada neste navegador. CapyHelp não carrega essa entrada para gerar seu resultado. Detalhes de privacidade

Gerador de paleta de cores

#4f46e5

Como usar o gerador de paleta de cores

  1. Escolha uma cor base ou gere uma aleatória.
  2. Escolha uma harmonia.
  3. Clique nas amostras para copiá-las ou copie a paleta inteira.

Harmonias de cores

  • Análogo: vizinhos na roda de cores; calmo e coeso.
  • Complementar: opostos; alto contraste para acentos.
  • Triádico: três cores uniformemente espaçadas; animado, mas equilibrado.
  • Matizes e sombras: um tom de muito claro a muito escuro, ideal para sistemas de design de UI.

Exemplos

#4f46e5, análogo

Azuis para violetas

#4f46e5, matizes e sombras

--cor-50… --cor-900

Perguntas

As cores são acessíveis?

Uma paleta não garante texto legível. Verifique os pares de texto e fundo com o contraste mostrado no <a href="/tools/css-button-generator/">gerador de botões CSS</a>.

Tradução automática. Revise resultados importantes.