Por que usar o Gerador de Paleta?
Agiliza a criação de temas com variáveis CSS, mantendo consistência entre componentes e facilitando a manutenção.
- Gerar rapidamente :root e tema escuro (.dark)
- Pré‑visualizar botões, cards e chips
- Copiar o CSS pronto para colar no projeto
- Iterar cores com segurança e velocidade
Como funciona o Gerador de Paleta?
Você informa as cores base; o gerador calcula variações e monta as variáveis para claro/escuro.
- Defina cores primária, secundária e de estado
- Gere o CSS de variáveis para :root e .dark
- Copie e cole no seu projeto
FAQ — Gerador de Paleta
Posso usar direto no meu projeto?
Sim. Copie o bloco gerado e cole no seu CSS.
O tema escuro é automático?
Sim. O gerador cria variações escuras a partir das cores base.
É gratuito?
Sim. Use quantas vezes quiser.
Importante: ajuste contrastes conforme as diretrizes de acessibilidade do seu projeto.