O Gerador de Paleta de Cores do Utilitarioz cria paletas harmoniosas a partir de uma cor base, usando teoria das cores para sugerir combinações complementares, análogas e triádicas. Ideal para designers e desenvolvedores front-end.

Esquemas de cores

▸Complementar — cores opostas na roda de cores (alto contraste)
▸Análogo — cores adjacentes (3 a 5 cores próximas) — harmonioso
▸Triádico — 3 cores equidistantes na roda — vibrante e equilibrado
▸Tetrádico — 4 cores formando um retângulo na roda
▸Monocromático — variações de luminosidade e saturação de uma cor

Como escolher uma paleta

▸Defina uma cor primária alinhada ao brand (logo, identidade)
▸Use cores análogas para elementos secundários e fundos
▸Reserve a complementar para calls-to-action e destaques
▸Teste acessibilidade — contraste mínimo WCAG AA: 4.5:1 para texto

Perguntas Frequentes — Gerador de Paleta

Quantas cores usar em um design?

A regra 60-30-10: 60% cor dominante (fundo), 30% secundária (elementos), 10% de destaque (CTAs). Raramente mais de 5 cores em um sistema de design.

Como exportar a paleta para o Figma?

Copie os valores HEX e adicione como estilos de cor no Figma (Assets → Colors → +). Nossa ferramenta exibe os códigos HEX, RGB e HSL para facilitar.