Complementar
O que é o gerador esquema cores?
O gerador esquema cores cria paletas de cores harmoniosas com base nas regras da teoria das cores: complementar, triádica, análoga, complementar dividida e muito mais. Use-o para escolher cores para design de UI, branding ou projetos de arte.
Como usar o gerador esquema cores
- Escolha uma cor base usando o seletor de cores ou insira um valor HEX.
- Escolha um tipo de harmonia (complementar, análoga, triádica etc.).
- Clique em qualquer amostra para copiar o HEX dela, ou exporte tudo como variáveis CSS / JSON.
Saiba mais▾
Tipos de harmonia de cores
- Complementar —cores opostas, alto contraste
- Análogo —cores adjacentes, harmoniosas e calmas
- Triádico —três cores igualmente espaçadas, vibrantes
- Complementar dividida —cor base + duas cores adjacentes à sua complementar
- Tetrádica —quatro cores formando um retângulo no círculo cromático
- Monocromática —tons escuros e claros de uma mesma matiz
Perguntas frequentes
Como uso as cores em CSS?
Clique em 'Copiar como variáveis CSS' para obter um trecho pronto para colar com todas as cores como propriedades personalizadas.
Posso exportar a paleta como JSON?
Sim. Clique em 'Exportar JSON' para baixar o esquema de cores com valores HEX e RGB.