Gerador de Esquemas de Cores

Sobre esta ferramenta

O gerador de esquemas de cores usa relações de teoria das cores para produzir paletas harmoniosas a partir de uma única cor base.

Esta abordagem reflete o método usado por ferramentas de design profissional.

Tipos de esquema

• Complementar: Duas cores opostas na roda de cores (180°). Alto contraste.
• Análogo: Três cores adjacentes (±30°). Harmonioso e natural.
• Triádico: Três cores igualmente espaçadas (120°). Vibrante e equilibrado.
• Tetrádico: Quatro cores igualmente espaçadas (90°). Paleta rica e complexa.
• Complementar dividido: Base + duas adjacentes ao complementar. Alto contraste mas mais suave.
• Monocromático: Cinco tons do mesmo matiz. Sutil e coeso.

Casos de uso

Designers de marca geram paletas completas a partir de uma única cor primária. Desenvolvedores web escolhem cores de destaque complementares para estados hover.

Perguntas frequentes

• Por que algumas cores parecem similares? — Ocorre quando a saturação ou luminosidade é muito baixa ou alta. Tente usar um tom médio mais saturado como base.
• Posso usar no Tailwind ou CSS? — Sim. Copie os códigos hex e use como cores personalizadas no tailwind.config ou variáveis CSS.
• O que é HSL? — Matiz-Saturação-Luminosidade. Matiz é o ângulo na roda de cores (0-360°).