Gerador de paletas de cores

Escolha uma cor de marca e obtenha uma escala de onze tons, do 50 ao 950, mais as suas cores complementar, análogas e triádica. Você pode copiar cada cor ou a escala completa como variáveis CSS.

Cor base

Complementar
#1CD6E3

Análogo −30°
#E31C73

Análogo +30°
#E38C1C

Triádico
#1CE329

Funciona no seu navegador. O que você carrega não é enviado a nenhum servidor.

Como usar a escala

Os tons claros (50–200) servem para fundos, os médios (400–600) para botões e destaques, e os escuros (700–950) para texto. Verifique sempre o contraste antes de usar um par de cores para texto.

Contraste de coresVerifique se a combinação de texto e fundo cumpre a WCAG 2.2: 4,5:1 para texto normal e 3:1 para texto grande no nível AA. Com pré-visualização ao vivo.Usar grátis→

Escala tipográficaDefina um tamanho base e uma proporção para obter todos os tamanhos de títulos e textos do seu site, com pré-visualização e variáveis CSS.Usar grátis→

Vamos conversar?

Conte sobre o seu produto e a sua operação atual e enviamos uma proposta por escrito com etapas, escopo e cada custo.

Escreva para nós Ver planos