Grátis
Gerador de Paleta de Cores
Gere paletas de cores harmoniosas. Explore esquemas complementares, análogos, triádicos. Exporte como CSS, Tailwind ou imagem.
Seus arquivos nunca saem do seu dispositivo
10:00 restante
#A26734
rgb(162, 103, 52)
hsl(28°, 51%, 42%)
#83D2AC
rgb(131, 210, 172)
hsl(151°, 47%, 67%)
#A6300C
rgb(166, 48, 12)
hsl(14°, 86%, 35%)
#D4D987
rgb(212, 217, 135)
hsl(64°, 52%, 69%)
#DAAE67
rgb(218, 174, 103)
hsl(37°, 61%, 63%)
Ferramentas Relacionadas
O que é Gerador de Paleta de Cores?
O Gerador de Paleta de Cores Grátis da StackPro ajuda designers e desenvolvedores a criar esquemas de cores belos e harmoniosos em segundos. Comece a partir de qualquer cor base e explore harmonias complementares, análogas, triádicas e monocromáticas. Bloqueie as cores que você ama, ajuste tons individuais com um seletor visual, verifique as taxas de contraste para acessibilidade e exporte em formatos prontos para desenvolvedores, como propriedades personalizadas CSS, configuração Tailwind ou variáveis SCSS.
Como usar Gerador de Paleta de Cores
- Escolha uma cor base usando o seletor de cores ou insira um valor hexadecimal.
- Selecione um modo de harmonia (complementar, análogo, triádico, etc.).
- Ajuste as cores individuais clicando em qualquer amostra.
- Bloqueie as cores que você gosta e pressione "Gerar" para novas variações.
- Exporte a paleta final como CSS, Tailwind, SCSS ou baixe como PNG.
Recursos
- Múltiplos modos de harmonia: complementar, análogo, triádico, tetrádico, monocromático
- Seletor de cores visual com entradas hex, RGB e HSL
- Bloqueio de cores para construção iterativa da paleta
- Verificador de taxa de contraste WCAG
- Exporte como propriedades personalizadas CSS, Tailwind ou SCSS
- Baixe a paleta como imagem PNG
- Histórico e favoritos de paletas
- Processamento 100% no lado do cliente
Perguntas Frequentes
Quais modos de harmonia de cores estão disponíveis?▼
Gere paletas usando harmonias de cores complementares, análogas, triádicas, tetrádicas, complementares divididas e monocromáticas. Você também pode criar paletas totalmente personalizadas escolhendo as cores individuais.
Posso exportar a paleta para desenvolvimento?▼
Sim! Exporte sua paleta como propriedades personalizadas CSS, configuração Tailwind CSS, variáveis SCSS ou como uma imagem PNG para download. Cada formato está pronto para colar no seu projeto.
Como encontro combinações de cores acessíveis?▼
O gerador inclui um verificador de contraste que avalia as taxas de contraste WCAG 2.0 entre quaisquer duas cores na sua paleta, ajudando você a garantir a legibilidade do texto e a conformidade com a acessibilidade.
Posso bloquear cores ao gerar novas paletas?▼
Sim! Bloqueie as cores de que você gosta e, em seguida, gere novamente — apenas as cores desbloqueadas mudarão. Isso permite que você crie iterativamente a paleta perfeita em torno das cores da sua marca.