Ferramentas online grátis
Design e cores
Explore 12 ferramentas de Design e cores e conclua tarefas rapidamente no navegador.
Gerador de layout CSS Flexbox e Grid
Configure e visualize layouts CSS Flexbox e Grid de forma visual, veja animações e copie o código CSS gerado.
Gerador de paletas de cores
Gere combinações harmônicas de cores a partir de uma cor base com exportação em códigos HEX e RGB.
Otimizador e limpador de SVG
Otimize e comprima código SVG localmente removendo metadados e tags redundantes com pré-visualização.
Gerador de gradientes CSS
Crie e visualize gradientes lineares e radiais, explore paletas predefinidas e copie o código CSS.
Conversor de cores e avaliador de contraste WCAG
Converta cores entre HEX, RGB, HSL e CMYK, e analise a taxa de contraste de acessibilidade WCAG 2.1.
Gerador de sombras e efeitos Glassmorphism em CSS
Crie caixas com sombras realistas e efeitos de vidro fosco com cópia rápida de código CSS.
Analisador de contraste de cores e acessibilidade (WCAG 2.1)
Avalie taxas de contraste entre texto e fundo com níveis AA/AAA e simule tipos de daltonismo.
Sandbox de física e simulador gravitacional 2D
Gere partículas, corpos elásticos, colisões e campos gravitacionais interativos em tempo real com Canvas.
Editor visual de caminhos SVG (Path)
Adicione pontos de ancoragem, arraste as alças de Bézier em uma tela de 500×500 e gere na hora o atributo d do caminho SVG e uma regra CSS clip-path: path().
Gerador de maquetes (Mockups) com moldura de navegador
Coloque prints de tela dentro de uma moldura de navegador estilo macOS com sombra e fundo gradiente e baixe em PNG de alta resolução.
Gerador de texto com efeito neon em CSS
Crie letreiros luminosos personalizando cores, pulsação e sombras brilhantes com exportação de código CSS.
Seletor e conta-gotas de cores em fotos com lupa
Extraia cores exatas pixel a pixel de qualquer imagem com lupa de alta precisão e veja a paleta dominante.
