Gerador de paleta de cores
WCAG contrast: at least 4.5:1 for normal text, 3:1 for large text.
Palette
Ferramentas de desenvolvedor populares
Como usar
- Escolha uma cor base (HEX).
- Selecione o esquema (complementar/análogo/triádico) e a quantidade.
- Gere a paleta.
- Copie HEX/variáveis CSS e confira o contraste (WCAG).
Como ler os resultados
- As paletas são geradas com regras de harmonia HSL. Em UI real, você ajusta saturação/luminosidade.
- Abaixo de 4,5:1, a legibilidade do texto normal pode piorar.
- Texto automático escolhe preto/branco com melhor contraste.
- Teste com tamanho de fonte e cores reais de fundo/superfície.
Perguntas frequentes
Meus dados são enviados para um servidor?
Não. Sempre que possível, o processamento acontece localmente no seu navegador e não armazenamos suas entradas ou resultados em nossos servidores. (Podem ocorrer requisições de rede para carregar a página e anúncios.)
O que verificar se o resultado estiver errado?
Verifique encoding (UTF‑8), quebras de linha (CRLF/LF), espaços/aspas e opções (caixa, modo de URL encoding etc.). Para dados sensíveis, siga sua política de segurança.
O que fazer se a paleta nao ficar boa?
Ajuste a cor base (saturacao/luminosidade) ou mude o esquema (complementar/analogas/triadico). Para UI, confira o contraste (WCAG).