Como usar o gerador
- Aperte Novas cores, ou a barra de espaço, até aparecer uma cor que você goste.
- Aperte o cadeado dessa cor. Ela fica quando as outras mudam.
- Continue até a paleta inteira funcionar. Adicione uma cor com Adicionar uma cor, até seis, ou tire uma com o X.
- Clique em um código para copiá-lo, ou copie todos de uma vez como variáveis CSS.
Para usar uma cor que você já tem, como a do seu logo, aperte o lápis em uma amostra e escolha a cor. A ferramenta trava essa cor, e as novas são criadas em volta dela.
Como as cores são escolhidas
O gerador trabalha em OKLCH, um jeito de descrever cor que combina com o que o olho enxerga. Em OKLCH, duas cores com a mesma luminosidade parecem igualmente claras, o que não acontece com os códigos de cor que você digita. O tom das novas cores segue uma de cinco harmonias clássicas:
- Análoga: vizinhas no círculo de cores, como azul, verde-água e verde. Calma e segura.
- Complementar: duas cores opostas, como azul e laranja. Contraste forte.
- Tríade: três cores bem distribuídas no círculo. Divertida.
- Complementar dividida: uma cor e as duas ao lado da sua oposta. Animada, com menos choque que a complementar.
- Monocromática: um tom do escuro ao claro. Quieta e organizada.
Um pouco de tudo escolhe uma harmonia ao acaso a cada vez. Toda paleta vai de uma cor escura a uma clara, então sempre há uma para o texto e outra para o fundo.
Compartilhe ou salve uma paleta
A paleta fica no endereço da página. Aperte Copiar link e envie, ou salve a página nos favoritos: o link abre as mesmas cores com as mesmas travas. Baixar PNG salva uma imagem da paleta com os códigos, para um moodboard ou uma mensagem para quem faz o seu design. Copiar CSS entrega as cores como variáveis, prontas para um site.
Use no editor de design da Postfjord
Na Postfjord, adicione as suas cores uma vez em Configurações, Marca: uma cor principal, um destaque, uma cor de texto, um fundo e mais cores da marca. Cada modelo do editor de design é então desenhado com elas, e Aplicar marca dá as suas cores também a um design que você fez antes. No painel Cor, Cores que combinam com este design mostra tons mais claros e mais escuros das cores que você usa.
FAQ
Quantas cores uma paleta de marca deve ter?
A maioria das marcas pequenas se dá bem com três a cinco: uma cor escura para o texto, uma clara para os fundos, uma cor principal e uma ou duas de destaque para botões e detalhes.
Posso começar pela cor do meu logo?
Sim. Aperte o lápis em uma amostra e escolha a sua cor ou digite o código. A ferramenta trava essa cor, e as novas são criadas para combinar com ela.
A paleta fica salva?
Só no link. A ferramenta roda no seu navegador e não guarda nada. Copie o link ou salve a página nos favoritos para voltar às mesmas cores.
O que é OKLCH?
Um jeito de escrever uma cor como luminosidade, croma (o quanto ela é intensa) e tom. Os passos em OKLCH parecem iguais para o olho, então uma paleta feita nele tem uma transição suave do escuro ao claro.
Posso usar as cores de graça?
Sim. Ninguém é dono das cores. Use a paleta na sua marca, no seu site ou nos seus posts.