Ferramentas de Cor

Gerador de paleta de cores

Transforme uma cor base em uma paleta que combina usando regras clássicas de harmonia de cores.

Avalie esta ferramenta

Como usar Gerador de paleta de cores

  1. Escolha uma cor base.
  2. Escolha uma harmonia (complementar, análoga, triádica e mais).
  3. Clique em qualquer amostra para copiar seu hex, ou copie a paleta inteira.

Sobre Gerador de paleta de cores

O Gerador de paleta de cores transforma uma cor base em um conjunto coordenado de cinco cores usando relações clássicas da teoria das cores. Escolha uma cor base, selecione uma harmonia — complementar, análoga, triádica, tetrádica, monocromática ou tons — e ele calcula as cores que combinam girando o matiz e ajustando a luminosidade na roda de cores. Clique em qualquer amostra para copiar seu código hex, ou copie a paleta inteira de uma vez.

Cada harmonia tem um caráter diferente. A complementar usa matizes opostos para alto contraste; a análoga usa matizes vizinhos para um visual calmo e coeso; a triádica e a tetrádica se distribuem uniformemente pela roda para uma variedade equilibrada; a monocromática e os tons mantêm um único matiz variando a luminosidade, útil para fundos, bordas e estados de hover. Tudo é calculado no seu navegador, então é instantâneo e nada é enviado. Para ajustar um valor específico, o conversor de hex para RGB ajuda, e para fundos o gerador de gradiente CSS combina bem.

Perguntas frequentes

Como ele escolhe as cores?

Ele converte sua cor base para HSL e gira o matiz e ajusta a luminosidade conforme a harmonia escolhida, imitando como os designers usam a roda de cores.

O que significam os tipos de harmonia?

A complementar usa matizes opostos para alto contraste; a análoga usa matizes vizinhos para um visual harmônico; a triádica e a tetrádica usam matizes equidistantes para variedade equilibrada; a monocromática e os tons mantêm um matiz com luminosidades diferentes.

Como copio uma cor?

Clique em qualquer amostra para copiar seu código hex, ou use Copiar tudo para copiar a paleta inteira como uma lista separada por vírgulas.

Em que formato estão as cores?

Em hex, como #4F46E5. Você pode converter qualquer uma para RGB ou HSL com o conversor de hex para RGB se seu projeto precisar de outro formato.

É grátis e privado?

Sim. Funciona inteiramente no seu navegador, sem cadastro, e nenhuma cor ou imagem é enviada.