Ferramentas Manual de campo Sobre

105 ferramentas de TI grátis/Design

Ferramentas de design gratuitas

Gradientes, paletas de cores, sombras, favicons e auxiliares de layout para designers e desenvolvedores front-end. Grátis, instantâneo e privado — tudo funciona no seu navegador.

18 ferramentas gratuitas

🎨Paleta de Cores

Extraia paletas de cores de imagens ou gere esquemas de cores harmoniosos para seus projetos.

▫Gerador de Favicon

Crie favicons a partir de texto, emoji ou uploads. Exporte todos os tamanhos para web e mobile.

🎯Conversor de Cores

Converta cores entre HEX, RGB, HSL e CMYK com prévia ao vivo.

Gere texto de placeholder em parágrafos, frases ou palavras com comprimento personalizado.

16:9Calculadora de Proporção

Calcule proporções de tela com modo de bloqueio, predefinições comuns e calculadora de redimensionamento.

AaVerificador de Contraste

Verificador de contraste de acessibilidade WCAG. Conformidade AA/AAA, sugestões de cores, prévia de UI ao vivo.

□Imagem Placeholder

Gere imagens placeholder personalizadas com cores, texto, padrões e gradientes. Exportação PNG e SVG.

Cole SVG, veja renderizado, otimize o tamanho do arquivo, edite cores e exporte como SVG/PNG/data-URI.

✦Construtor de Animações CSS

Crie animações CSS visualmente. Editor de keyframes, curvas de temporização, predefinições e saída CSS gerada.

🌈Texto com Gradiente

Aplique efeitos de gradiente CSS em textos. 2 a 4 pontos de cor, controle de direção, predefinições. Copie o CSS.

▪Gerador de Box Shadow

Crie box shadows CSS visualmente. Múltiplas camadas, inset, predefinições para neumorfismo e glassmorfismo.

🖥Mockup de Screenshot

Coloque screenshots dentro de molduras de dispositivos — MacBook, iPhone, iPad, navegador. Fundo, sombra, exportação PNG.

TtCalculadora de Escala Tipográfica

Gere escalas tipográficas com prévia visual. Predefinições Material, Tailwind, Bootstrap. Exportação CSS.

⊟Calculadora de Espaçamento

Gere escalas de espaçamento consistentes. Prévia visual, predefinições de 4px/8px, exportação de propriedades customizadas CSS.

◠Gerador de Border Radius

Editor visual de border-radius. Arraste cantos ou digite valores. Predefinições: pílula, círculo, blob. Saída CSS.

◐Editor de Filtros CSS

Editor visual de filtros CSS. Blur, brilho, contraste, rotação de matiz e mais com prévia ao vivo.

📏Régua de Pixels

Régua sobreposta na tela. Arraste para medir distâncias em pixels. Verifique espaçamentos em designs.

🖼Imagens Aleatórias

Gere fotos placeholder aleatórias com dimensões personalizadas usando padrões de canvas. Baixe em PNG.

Mais categorias

Agent Ops (10)Código (39)Administração (9)Produtividade (9)Marketing (8)Negócios (8)Ver todas as 105 ferramentas