Ir para o conteudo

Gerador de Paletas de Cores

Gere belas paletas de cores com modos de harmonia, verificação de contraste e exportação CSS.

Pressione Espaço para gerar

#A9BE71Copiar
#38843DCopiar
#A88395Copiar
#AF32A3Copiar
#C348CECopiar
#A9BE71 · rgb(169,190,113) · hsl(76,37%,59%)
#38843D · rgb(56,132,61) · hsl(124,40%,37%)
#A88395 · rgb(168,131,149) · hsl(331,18%,59%)
#AF32A3 · rgb(175,50,163) · hsl(306,56%,44%)
#C348CE · rgb(195,72,206) · hsl(295,58%,55%)

Verificação de Contraste

Aa AA Aprovado
Aa AA Reprovado
Aa AA Aprovado
Aa AA Aprovado
Aa AA Aprovado
Aa AA Reprovado
Aa AA Reprovado
Aa AA Aprovado
Aa AA Aprovado
Aa AA Reprovado

Paletas Salvas

Nenhuma paleta salva ainda.

Gerador de Paletas de Cores: Crie Combinações Harmoniosas

Criar paletas de cores harmoniosas é um dos aspectos mais desafiadores do design. Nosso Gerador de Paletas de Cores gratuito elimina as adivinhações na seleção de cores oferecendo múltiplos modos de harmonia — Análogo, Complementar, Triádico, Monocromático e Aleatório.

Cada paleta gera cinco cores que combinam bem juntas. Você pode bloquear cores individuais e regenerar o resto, refinando iterativamente sua paleta. Cada cor mostra seu valor nos formatos HEX, RGB e HSL, fácil de usar em CSS ou ferramentas de design.

O verificador de contraste integrado ajuda a garantir que suas escolhas de cores sejam acessíveis. Ele testa a legibilidade do texto contra cada cor de fundo usando as diretrizes WCAG, mostrando se o texto preto ou branco atende aos padrões de acessibilidade AA.

Salve suas paletas favoritas no armazenamento local para nunca perder uma boa combinação. Exporte sua paleta como variáveis CSS personalizadas prontas para colar na sua folha de estilos.

FAQ

Compartilhar
PatrocinadoAnúncio

Design profissional facilitado com Canva

Crie logos, posts sociais, apresentações e mais com a simplicidade de arrastar e soltar.

FAQ

O que é harmonia de cores e por que é importante?+
Harmonia de cores refere-se a combinações esteticamente agradáveis baseadas em suas posições no círculo cromático. Paletas harmoniosas criam equilíbrio visual e são mais atraentes. Diferentes tipos de harmonia produzem diferentes humores e efeitos no design.
Como escolho o modo de harmonia certo?+
Cores análogas criam designs calmos e unificados. Complementares oferecem alto contraste e energia. Triádico fornece variedade vibrante com equilíbrio. Monocromático usa um único matiz para designs sutis e elegantes. Aleatório é ótimo para experimentar.
O que faz o bloqueio de uma cor na paleta?+
Bloquear uma cor a mantém fixa enquanto todas as cores desbloqueadas são regeneradas. Isso permite manter as cores que você gosta e encontrar novas que as complementem.
Como exporto minha paleta para usar em CSS?+
Clique em "Exportar Variáveis CSS" para copiar as propriedades CSS personalizadas para a área de transferência. A saída inclui variáveis como --color-1 até --color-5 para colar diretamente no seu seletor :root.
O que é contraste WCAG e por que devo verificá-lo?+
As WCAG definem proporções mínimas de contraste entre texto e cores de fundo para garantir a legibilidade. Uma proporção de 4.5:1 é necessária para texto normal (nível AA). Esta ferramenta verifica cada cor da paleta como fundo contra texto preto e branco.

Ferramentas mais populares