Gerador de paletas de cores
Funciona no seu dispositivo. Nada é enviado.Tudo acontece no navegador - nada é enviado.
Cores5
Dica: aperte Espaço para uma nova paleta.Harmonia
Exportar
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Gere paletas a partir das harmonias do círculo cromático ou ao acaso, trave as cores que você gostar e copie como variáveis CSS, cores do Tailwind ou JSON.
Aperte Gerar (ou Espaço) para uma nova paleta. Trave as cores que quer manter e o resto é reconstruído em volta delas com uma harmonia do círculo cromático: vizinhas análogas, uma escala monocromática, opostas complementares ou complementares divididas, tríades e tétrades - ou puro acaso com matizes bem distribuídos. Clique no código hex para copiar ou na cor para escolher você mesmo. Exporte como propriedades CSS, escala do Tailwind ou JSON, salve um PNG ou copie um link para a mesma paleta.
Perguntas frequentes
O que significam as harmonias?
São posições no círculo cromático. Cores análogas ficam lado a lado (calmas), complementares em oposição (alto contraste), a complementar dividida usa as duas vizinhas da oposta, tríade são três cores a 120° e tétrade quatro a 90°. Monocromática mantém o matiz e varia a luminosidade.
Como monto uma paleta em volta da cor da minha marca?
Clique na primeira cor, escolha a sua, trave-a e aperte Gerar. Os espaços livres são preenchidos com a harmonia escolhida a partir da sua cor.
O texto sobre cada cor é legível?
O código hex alterna entre preto e branco, o que tiver mais contraste. Para texto corrido, confira o par exato no verificador de contraste WCAG das nossas ferramentas de cor.
Algo é salvo?
Sua paleta atual fica salva neste dispositivo. Um link compartilhado leva as cores depois do # do endereço, parte que não vai para o nosso servidor.