Design e cor
Gere visuais e verifique a acessibilidade de cores localmente.
Gerador de Ondas e Divisores SVG
Crie divisores de ondas SVG personalizáveis com pré-visualização fluida e exportação variada.
Gerador de Glassmorphism e Sombras CSS
Crie efeitos visuais de vidro fosco, sombras em camadas e copie o CSS pronto para produção.
Gerador de Gradientes de Malha e Papéis de Parede
Gere gradientes fluidos com pontos de controle interativos, sementes e exportação em 4K.
Verificador de Contraste de Cores WCAG 2.2
Analise o contraste sob a WCAG 2.2 com recomendações de cores para aprovação AA e AAA.
Extrator Inteligente de Paletas de Cores
Extraia paletas harmoniosas de qualquer imagem no Canvas com exportação HEX, RGB e HSL.
Construtor de Sistema de Cores
Crie escalas primitivas e papéis semânticos claro/escuro a partir de cores da marca no navegador.
Verificador de Sistema de Cores
Audite gamut sRGB/Display-P3, pares WCAG 2.2 e qualidade de escala; aplique remediações explícitas.
Gerador de Tokens de Cor
Exporte tokens revisados como propriedades CSS, Tailwind v4 @theme e JSON DTCG.
Guia de seleção de ferramentas
Use o gerador de ondas para divisores de seção, o glassmorphism para cartões CSS com vidro fosco e o gradiente de malha para fundos fluidos. Use o verificador quando precisar avaliar o contraste pela WCAG 2.2 e o extrator de paleta quando quiser obter tokens de design de uma foto.
Superfícies geradas versus pares de cores avaliados
As ferramentas de onda, vidro e malha geram SVG ou CSS. O verificador avalia o contraste entre duas cores pela WCAG 2.2. O extrator agrupa pixels, mas não certifica a conformidade do contraste.
Divisores vetoriais versus efeitos CSS
As ondas geram geometria SVG. O glassmorphism gera CSS. A malha cria campos radiais para fundos.