Guia da ferramenta de cores

Gerador de paleta de cores para marcas

Crie uma paleta a partir de um logotipo ou de uma cor principal e exporte variáveis CSS e tokens de design para a interface.

Este guia explica o processo. Use a ferramenta indicada abaixo para gerar cores e exportar arquivos.

O que você encontra nesta página

  • Escolha quais cores geradas serão principais, de destaque ou neutras e atribua essas funções no seu projeto.
  • Confira o contraste do texto sobre a cor da marca segundo as WCAG.
  • Exporte variáveis que os desenvolvedores podem usar sem renomear cada amostra.

Indicado para

  • Identidades de marca
  • Páginas de apresentação de startups
  • Guias de estilo
Posso usar esta página com o gerador principal?

Sim. Comece aqui, abra a ferramenta principal do Chromoforge com a mesma cor base e exporte a paleta.

De quantas cores uma paleta de marca precisa?

Um ponto de partida é uma cor principal, algumas cores de apoio, um destaque para ações e uma escala de neutros. Acrescente cores apenas quando houver uma função clara e confira a consistência dos estados dos componentes.

A cor da marca pode ser usada no texto principal?

Pode, se a combinação real de texto e fundo atender ao contraste necessário. Para texto de tamanho normal, verifique pelo menos 4,5:1 no nível AA. Um neutro escuro costuma ser útil em textos longos; o nome ou a saturação da cor não determina sua legibilidade.

Ferramentas e guias relacionados

Todas as ferramentas