Paletas de cores, gradientes e design frontend acessível

Gere esquemas de cores harmônicos, audite o contraste acessível WCAG, crie gradientes CSS modernos e exporte tokens prontos com um clique.

Cores e Sistemas de Paletas UI

3 ferramentas

Gerador de Paletas

Crie esquemas harmônicos com bloqueio de tons e exportação para Tailwind e CSS.

HEX

Paletas UI Internacionais

280 tons selecionados de 14 paletas internacionais com cópia rápida em HEX e RGB.

Extrator de Paleta

Extraia tons dominantes e destaques de qualquer imagem com cópia instantânea.

Padrões Web e Acessibilidade CSS

3 ferramentas
AaAAA

Verificador de Contraste WCAG

Verifique se seus textos são fáceis de ler sobre cores de fundo.

Degradês CSS e Mesh

Crie degradês lineares, radiais e fundos Mesh fluidos prontos para copiar ou exportar em 4K.

Gerador de Favicon

Gere pacotes completos com favicon.ico, ícones Apple Touch e tags HTML.

Estética Retrô e Pixel Art

2 ferramentas

Conversor para Pixel Art

Pixelize gráficos calibrando o tamanho dos blocos e paletas retrô de 8/16 bits.

@ % # * + = - : .# # @ @ % % * * :@ @ @ @ @ @ @ @ #% % * * + + = = -. : - = + * # % @

Arte ASCII

Transforme suas fotos em desenhos divertidos feitos com letras e símbolos ASCII.

Cores, contrastes e recursos visuais para seus projetos

Ferramentas práticas para escolher cores que combinem bem, garantir que seus textos sejam legíveis sobre qualquer fundo e criar gradientes modernos sem complicações.

Copie códigos de cores diretamente para seu código web com um único clique.

✓Sem bibliotecas ou dependências: código CSS nativo, variáveis e tokens do Tailwind prontos para copiar.

Gerador e extrator de paletas

Crie esquemas harmônicos de cores ou extraia a paleta dominante exata a partir de uma foto.

Copie com um clique em HEX, RGB ou Tailwind
Harmonias de cor automáticas
Exporte paletas instantaneamente

Verificador de contraste e leitura

Verifique se os textos do seu site ou app são fáceis de ler contra o fundo, cumprindo as normas WCAG.

Validação imediata de legibilidade
Avisos visuais claros de contraste AA e AAA
Ajuste inteligente de brilho

Gradientes CSS e favicons

Crie degradês modernos para fundos e gere pacotes de ícones para seu site ficar impecável em navegadores.

Código CSS limpo e moderno
Gerador de pacote favicon completo
Sem instalar softwares pesados

Perguntas frequentes sobre a suíte de design

Trabalhar no navegador permite visualizar cores e contrastes exatamente como eles aparecem em telas de computadores e smartphones, copiando códigos com um clique sem instalar aplicativos pesados.

A ferramenta mede a razão de luminância relativa entre o texto e a cor de fundo de acordo com as diretrizes internacionais WCAG 2.1, informando se o contraste atinge os níveis AA ou AAA recomendados.

Sim. Todas as paletas geradas podem ser copiadas diretamente em formato de objeto de configuração para Tailwind CSS, variáveis CSS padrão (:root) ou formatos JSON.