O que você pode fazer aqui
- Paletas com harmonias cromáticas: complementar, análoga, triádica e monocromática.
- Gradientes lineares e radiais com preview em tempo real.
- Verificador de contraste WCAG com sugestões de ajuste.
Design
Ferramentas de design
Use geradores de paleta, gradiente e verificador de contraste para criar designs acessíveis e visualmente harmoniosos. As ferramentas funcionam localmente no navegador, sem enviar cores ou configurações para o servidor.
Gerador de paleta de cores
Crie paletas com harmonies cromáticas e copie variáveis CSS.
Gerador de gradiente CSS
Monte gradientes para backgrounds, botões e elementos de UI.
Verificador de contraste
Teste combinações de cores seguindo diretrizes WCAG.
Ferramentas principais
Design
Gerador de Paleta de Cores Online
Crie paletas de cores com combinações complementares, análogas, triádicas e monocromáticas. Copie HEX, RGB, HSL e variáveis CSS.
DesignGerador de Gradiente CSS Online
Crie gradientes CSS lineares e radiais, ajuste cores, posições e ângulo. Copie o código CSS pronto.
DesignVerificador de Contraste de Cores
Verifique o contraste entre texto e fundo seguindo as diretrizes WCAG. Veja se sua combinação atende aos níveis AA e AAA.
Perguntas frequentes
As cores são enviadas para servidor?
Não. Toda a lógica roda no navegador.
Posso usar para QR Codes?
Sim. Paletas e cores podem ser aplicadas em estilizadores de QR Code.
O verificador de contraste funciona offline?
Sim. O cálculo WCAG é feito localmente.