Gerador de Paleta de Cores
Gerador de paleta de cores grátis: crie paletas harmoniosas (análogas, complementares, triádicas e mais), trave as cores que quiser e exporte em HEX ou CSS.
Também: Paleta de Cores de uma Imagem e Conta-gotas · Verificador de Contraste de Cores
O que ela faz
Este gerador cria paletas de cores para sites, aplicativos, apresentações e designs. Escolha uma harmonia para montar, a partir de uma cor base, cores que combinam entre si, ou pressione a barra de espaço para paletas aleatórias, e trave as cores de que gostar para que só as outras mudem. As cores são calculadas no espaço de cor OKLCH, que mantém a luminosidade percebida mesmo quando o matiz muda, por isso as paletas ficam equilibradas. Copie as cores como HEX, variáveis CSS ou JSON, ou compartilhe a paleta com um link.
Como usar
- Escolha uma harmonia e uma cor base, ou deixe Aleatória.
- Pressione a barra de espaço ou Gerar até gostar da paleta; trave as cores que quiser manter.
- Clique em um código de cor para copiá-lo, ou copie a paleta inteira como HEX, CSS ou JSON.
Perguntas frequentes
O que significam as harmonias?
São combinações clássicas do círculo cromático. A análoga usa matizes vizinhos para um visual calmo; a complementar usa matizes opostos para um contraste forte; a triádica e a tetrádica distribuem três ou quatro matizes por igual; a complementar dividida suaviza o par complementar; a monocromática usa um só matiz em vários tons.
Por que OKLCH e não HSL?
No HSL, um amarelo e um azul com o mesmo valor de luminosidade parecem muito diferentes em brilho. O OKLCH foi criado com base na percepção humana, então girar o matiz mantém as cores igualmente claras. Foi por isso que esse espaço de cor foi adicionado ao CSS.
Dá para verificar se as cores são legíveis?
Sim: use o verificador de contraste para ver se um texto de uma cor sobre um fundo de outra atende aos níveis de acessibilidade da WCAG.