Pressione a barra de espaço para gerar
Perguntas frequentes
Um gerador de paleta de cores é uma ferramenta online que te ajuda a criar combinações de cores harmoniosas para os teus designs. Usa princípios de teoria das cores como relações complementares, análogas e triádicas para sugerir cores que funcionam bem juntas. Podes bloquear as cores que gostas, ajustar tons individuais e exportar o resultado em formatos como CSS, PNG, SVG ou JSON.
Os modos de harmonia de cores são regras baseadas na roda de cores que produzem paletas visualmente equilibradas. O nosso gerador suporta seis modos: Aleatório escolhe cores livremente, Análogas seleciona tons vizinhos para uma sensação coesa, Complementares emparelha cores opostas para um contraste forte, Triádicas usa três cores equidistantes, Complementares divididas oferecem uma variação mais suave das complementares, Tetrádicas combinam dois pares complementares e Monocromáticas criam variações de um único tom.
Pressiona a barra de espaço ou clica em Gerar para criar uma nova paleta. Bloqueia qualquer cor que queiras manter clicando no ícone de cadeado, depois gera novamente para randomizar apenas as cores desbloqueadas. Podes também clicar em uma cor para editá-la manualmente, arrastar as cores para reordená-las e adicionar ou remover cores para ajustar o tamanho da paleta.
Sim. Clica no botão Exportar para baixar a tua paleta como uma imagem PNG, arquivo SVG, variáveis CSS ou dados JSON. Podes também copiar códigos de cor individuais com um clique ou compartilhar tua paleta através de um URL único que outros podem abrir e editar.
A maioria dos projetos de design funciona melhor com 3 a 5 cores: uma cor primária, uma cor secundária, um destaque e um ou dois neutros. O nosso gerador começa com cinco cores por padrão, mas podes adicionar ou remover cores para adequar às necessidades do teu projeto. Menos cores mantêm os designs limpos e consistentes, enquanto mais cores oferecem flexibilidade para layouts complexos.
Cores complementares estão em lados opostos da roda de cores (e.g., azul e laranja) e criam alto contraste e energia visual. Cores análogas são vizinhas na roda (e.g., azul, azul-esverdeado, verde) e produzem uma aparência calma e unificada. Usa paletas complementares quando quiseres que elementos se destaquem e paletas análogas quando procurares um design harmonioso e coeso.