Cor
Paleta de cores
Gere uma paleta harmônica a partir de uma cor base.
Tudo é processado no seu navegador. Nenhum arquivo é enviado a um servidor.
- 1Escolha uma cor base no seletor de cor, ou digite o código hex no campo de texto.
- 2Veja a paleta de seis cores (sombra, base escura, base, complementar, análoga, clara) se regenerar na hora.
- 3Clique em qualquer swatch para copiar o código hex para a área de transferência.
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.