Gerador de Paletas de Cores
Gerador de paletas de cores grátis: crie paletas harmoniosas (análogas, complementares, triádicas e mais), bloqueie as cores favoritas e exporte em HEX ou CSS.
Também: Paleta de Cores de uma Imagem e Conta-gotas · Verificador de Contraste de Cores
O que faz
Este gerador cria paletas de cores para sites, aplicações, apresentações e designs. Escolha uma harmonia para construir, a partir de uma cor base, cores que combinam entre si, ou prima a barra de espaços para obter paletas aleatórias, e bloqueie as cores de que gosta 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 partilhe a paleta com uma ligação.
Como utilizar
- Escolha uma harmonia e uma cor base, ou mantenha Aleatória.
- Prima a barra de espaços ou Gerar até gostar da paleta; bloqueie as cores que quer manter.
- Clique num código de cor para o copiar, 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 aspeto calmo; a complementar usa matizes opostos para um contraste forte; a triádica e a tetrádica distribuem três ou quatro matizes de forma uniforme; a complementar dividida suaviza o par complementar; a monocromática usa um só matiz em vários tons.
Porquê 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 concebido com base na perceção humana, por isso rodar o matiz mantém as cores igualmente claras. Foi por esta razão que este espaço de cor foi adicionado ao CSS.
Posso 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 cumpre os níveis de acessibilidade das WCAG.