Guia da ferramenta de cores

Gerador de paletas de cores

Escolha uma cor base e gere uma paleta com harmonias complementares, análogas, triádicas ou monocromáticas. Exporte para CSS, Tailwind, SCSS ou JSON.

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

O que esta página explica

Esta página explica o processo e leva diretamente à seção correspondente da ferramenta principal do Chromoforge.

  • Cinco harmonias de matizes: complementar, análoga, triádica, complementar dividida e tetrádica.
  • O modo monocromático gera uma escala de sete tons a partir de um matiz.
  • Cada paleta inclui uma escala de onze tons, de 50 a 950.
  • Copie variáveis CSS, configuração Tailwind, mapas SCSS e tokens JSON pelo painel de exportação.
Por qual harmonia devo começar?

A harmonia complementar destaca matizes opostos e pode ajudar nas chamadas para ação. A análoga oferece uma composição mais discreta. A triádica traz variedade; ajuste a intensidade de cada cor e confira sempre o contraste, que não é garantido pela harmonia.

Quantas cores uma paleta de interface deve ter?

Comece com uma cor principal, uma escala neutra e os destaques semânticos necessários, como sucesso, erro e aviso. Dê uma função clara a cada cor para facilitar a manutenção e a consistência.

Posso exportar diretamente para o Figma?

Não há integração direta. Copie os valores HEX ou as variáveis CSS do painel de exportação e atribua-os manualmente aos estilos ou às variáveis de cores do Figma.

Ferramentas e guias relacionados

Todas as ferramentas