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

#F346ABCopiar
#05C6C5Copiar
#2F0855Copiar
#32F45FCopiar
#8BC148Copiar
#F346AB · rgb(243,70,171) · hsl(325,88%,61%)
#05C6C5 · rgb(5,198,197) · hsl(180,95%,40%)
#2F0855 · rgb(47,8,85) · hsl(270,83%,18%)
#32F45F · rgb(50,244,95) · hsl(134,90%,58%)
#8BC148 · rgb(139,193,72) · hsl(87,49%,52%)

Verificação de Contraste

Aa AA Aprovado
Aa AA Reprovado
Aa AA Aprovado
Aa AA Reprovado
Aa AA Reprovado
Aa AA Aprovado
Aa AA Aprovado
Aa AA Reprovado
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

Apoie este projeto

Se você acha nossas ferramentas úteis, nos pague um café!

Buy Me a Coffee

Ferramentas mais populares