Gerador de Paleta de Cores
Crie paletas de cores bonitas e harmoniosas instantaneamente com nosso gerador online gratuito. Suporta modos monocromático, análogo, complementar, triádico, split-complementar e tetradício. Ajuste cores com controles HSL, bloqueie favoritos e exporte como CSS, Tailwind, JSON ou SVG. 100% baseado em navegador, seus dados nunca saem do seu dispositivo.
Como gerar uma paleta de cores?
Clique no botão Gerar ou pressione a barra de espaço para criar uma nova paleta aleatória. Use o seletor de modo de harmonia para escolher entre esquemas monocromático, análogo, complementar, triádico, split-complementar ou tetradício.
Como bloquear uma cor que gosto?
Clique no ícone de cadeado em qualquer amostra de cor. Cores bloqueadas permanecerão ao gerar uma nova paleta, enquanto as desbloqueadas serão substituídas.
Como exportar minha paleta?
Clique no botão Exportar para escolher entre variáveis CSS, configuração Tailwind, array JSON ou paleta SVG. A paleta será copiada para a área de transferência automaticamente.
Quais são os diferentes modos de harmonia?
Monocromático usa um matiz com saturação e luminosidade variáveis. Análogo usa matizes adjacentes (±30°). Complementar usa matizes opostos (180°). Triádico usa 3 matizes equidistantes (120°). Split-complementar usa um matiz base mais dois adjacentes ao seu complemento. Tetradício usa 4 matizes equidistantes (90°).
Posso montar a paleta em torno da cor da minha marca?
Sim. Escolha a cor da sua marca no seletor de base e depois um modo de harmonia — as outras quatro cores são geradas ao redor dela. Depois você pode ajustar cada uma com os controles HSL.
Quais formatos de exportação existem?
A paleta pode ser exportada como variáveis CSS, configuração do Tailwind, array JSON ou arquivo SVG. A pré-visualização do código atualiza na hora ao trocar de formato, pronta para colar no projeto.
Posso ver os valores em HEX, RGB ou HSL?
Sim, o valor de cada cor pode ser exibido em HEX, RGB ou HSL. Assim você pega direto o formato que sua ferramenta de design ou seu código espera, sem conversão manual.
O que significa o pequeno selo em cada cor?
Ele indica se o texto branco ou preto fica legível sobre aquela cor. Quando a razão de contraste chega a 4,5:1, o selo marca aprovado segundo as recomendações WCAG — útil ao escolher o fundo de botões e banners.
Minha paleta é enviada para algum servidor?
Não. Tudo roda localmente no navegador, então suas cores nunca saem do dispositivo. Depois que a página carrega, o gerador funciona até offline.
Como usar Gerador de Paleta de Cores
Gere paletas de cores harmoniosas com modos monocromático, análogo e triádico, entre outros — tudo calculado no seu navegador. Fixe os tons favoritos, ajuste-os e exporte no formato do seu framework.
- Escolha um Mode de harmonia no menu suspenso: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary ou Tetradic.
- Defina a cor Base para que cada amostra gerada derive do tom da sua marca, e regenere até o conjunto agradar.
- Remova com o botão ✕ qualquer amostra que não goste e sorteie de novo; ajuste as restantes com os controles deslizantes HSL.
- Compare as amostras em mockups claros e escuros para garantir que o texto continua legível sobre cada cor.
- Abra Export Palette e leve suas cores como CSS Variables, Tailwind Config, JSON Array ou SVG Palette.
Fixe a amostra Base antes de sortear de novo no modo Random: assim você explora variações em torno da cor da marca sem perdê-la.
Ferramentas relacionadas
- Conversor de Cor Conversor de cor online gratuito. Converta formatos HEX, RGB, HSL, HSV instantaneamente com seletor visual. 100% privado, funciona no seu navegador.
- Seletor de Cores Selecione qualquer cor da tela com o conta-gotas. Copie códigos HEX, RGB, HSL instantaneamente. Ferramenta online gratuita.
- Verificador de Contraste de Cor Verifique proporções de contraste de cor para conformidade WCAG 2.1. Valide padrões AA e AAA instantaneamente.
- Simulador de Daltonismo Simulador gratuito de daltonismo online. Teste designs para Protanopia, Deuteranopia, Tritanopia e outros tipos. 100% privado, funciona no navegador.
- GIF Extrair Quadros Extrai e baixa quadros individuais de animações GIF como PNG ou sprite sheet. Ferramenta online gratuita com visualização e exportação ZIP.
- GIF Invertido Inverte a ordem de reprodução de animações GIF online gratuitamente. Carregue, visualize e baixe instantaneamente.
- Alterador de Velocidade GIF Altere a velocidade da animação GIF online. Acelere ou desacelere arquivos GIF instantaneamente.
- Vídeo para GIF Converta vídeo em GIF animado online. Ajuste qualidade, taxa de quadros e resolução diretamente no seu navegador sem enviar ficheiros.