Teoria da cor AI · PráticaComplementar / Triádico / Análogo / Complementar dividido / Tetrádico — visualizado em um clique
A teoria da cor é conhecimento base de design, mas um manual em PDF é esquecido em 3 dias. Color Theory AI transforma cada regra em estudos de caso interativos: escolha complementar e AI gera 6 casos reais (pôster / web / interior / moda) com anotações de designer e antipadrões de contraexemplo.
Playground do teste de cor pessoal
Recomendado: mude para nano-banana-pro ou gpt-image-2
Modelos
Toque em um cartão para preencher o prompt: ainda não gera
Envie um selfie ou escreva um prompt. O modelo mapeia sua estação e devolve um cartão.
Exemplos
Todas as imagens abaixo foram feitas com GPT Image 2.5. “Usar este prompt” carrega o prompt na área de trabalho acima.
Por que esta ferramenta
Complementar
Opostos a 180°: vermelho↔verde / azul↔laranja / amarelo↔roxo — máximo drama, o mais difícil de equilibrar.
Triádico
Trio a 120°: vermelho/amarelo/azul — equilíbrio clássico, ideal para crianças / design festivo.
Análogo
Trios adjacentes a 30°: laranja-amarelo-verde / azul-roxo-rosa — os mais harmônicos, os mais difíceis de errar.
Complementar dividido
Principal + 30° de cada lado do complementar: drama suavizado. ex.: azul + amarelo-laranja + vermelho-laranja.
Tetrádico
Retângulo de 4 vias: rico, mas difícil de equilibrar — precisa de 1 dominante + 3 de apoio.
Proporção áurea 60-30-10
Principal 60%, apoio 30%, acento 10% — regra universal de interior/UI. AI segue essa proporção por padrão.
FAQ
Teoria da cor / cor pessoal / gerador de paleta — é a mesma coisa?
São coisas diferentes. Teoria da cor = regras objetivas (complementar etc.). Cor pessoal = o que favorece sua pele. Gerador de paleta = saída aplicada. Oferecemos os três como ferramentas separadas.
Sou engenheiro / PM — posso aprender cor com isto?
Sim. Cada teoria traz 6 casos gerados, contraexemplos e notas de designer — 5× mais rápido que manuais em PDF. Caminho sugerido: Complementar → Análogo → Triádico → Split-Comp → Tetrádico → 60-30-10.
Posso aplicar isto a código / design web?
Sim. Cada caso exporta como classes Tailwind, variáveis CSS ou estilos Figma. Se quiser, chame o gerador de paleta para estender a paleta demo a um sistema de marca completo de 8 cores.