Giga Useful Tools
Todas as ferramentas

Cor

Paleta de cores

Gere uma paleta harmônica a partir de uma cor base.

Cor base

Tudo é processado no seu navegador. Nenhum arquivo é enviado a um servidor.

Como usar
  1. 1Escolha uma cor base no seletor de cor, ou digite o código hex no campo de texto.
  2. 2Veja a paleta de seis cores (sombra, base escura, base, complementar, análoga, clara) se regenerar na hora.
  3. 3Clique em qualquer swatch para copiar o código hex para a área de transferência.
Perguntas frequentes
Quais são as seis cores que a paleta gera?+

A partir da sua cor base, a ferramenta calcula uma sombra (versão mais escura), uma base escura, sua cor original, uma complementar (oposta no círculo cromático), uma análoga (um tom vizinho) e uma clara, uma variação útil para estados de interface, sombreamento de ilustrações ou identidade de marca.

Preciso digitar o código hex ou posso escolher a cor visualmente?+

As duas formas funcionam: use o seletor visual de cor ou digite/cole um código hex direto no campo de texto ao lado. Os dois ficam sincronizados e a paleta é regerada na hora.

Como levo a cor de um swatch para minha ferramenta de design?+

Clique em qualquer uma das seis cores: o código hex é copiado direto para a área de transferência, e um aviso "Copiado" confirma, pronto para colar no CSS, no Figma ou onde precisar.