Com quais formatos de cor posso começar?
Use uma cor HEX como #4f46e5. Valores HEX de três caracteres são normalizados automaticamente.
Gere paletas, tons e tokens de design a partir de uma cor
Use o Gerador de paletas de cores para transformar uma cor inicial em paletas práticas para sites, apps, dashboards, rascunhos de marca e sistemas de design. Escolha um modo de harmonia, ajuste o número de cores, confira cores de texto legíveis para cada amostra e copie exportações prontas para produção.
A ferramenta roda no navegador e gera paletas HEX, uma escala de tons 50-900, propriedades customizadas CSS, um objeto de cores Tailwind e JSON para handoff ou documentação.
Útil para
- Criar rapidamente um sistema de cores de landing page ou produto a partir de uma cor de marca.
- Criar escalas de tons para botões, fundos, bordas, gráficos e estados.
- Copiar variáveis CSS ou cores Tailwind sem formatar a paleta manualmente.
- Verificar se texto preto ou branco fica mais legível em cada amostra gerada.
Carregando ferramenta...
FAQ do gerador de paletas de cores
Quais exportações estão incluídas?
A ferramenta cria cores HEX copiáveis, variáveis CSS, configuração de cores no estilo Tailwind e JSON.
As cores geradas são verificadas quanto à acessibilidade?
Cada amostra mostra a melhor cor de texto preta ou branca e sua relação de contraste, para você identificar combinações legíveis rapidamente.
