Ferramentas de Design
Capture uma cor da tela, monte degradês CSS, gere QR codes e códigos de barras, visualize SVGs, verifique pixels mortos ou encontre o tom de fundo ideal. Tarefas visuais leves que não exigem um software de design completo.
Ferramentas de Design
Seletor de Cores
Ferramenta de seleção de cores online gratuita com conversão de formato HEX, RGB, HSL. Gere paletas de cores, obtenha cores web
Gerador de Gradiente
Gerador de gradiente CSS online gratuito para criar fundos de gradiente linear e radial. Ajuste visual de cores, cópia de código CSS com um clique.
Gerador de QR Code
Gerador de QR code online gratuito suportando texto, URL, tipos vCard. Personalize estilo, cor, tamanho, baixe imagens de alta qualidade instantaneamente.
Gerador de Código de Barras
Gerador de código de barras online gratuito. Suporta formatos CODE128, EAN13, EAN8, UPC, CODE39, ITF14.
Teste de Tela
Ferramenta de teste de tela online gratuita para detectar pixels mortos, pontos brilhantes e vazamento de luz.
Gerador de Fundo Cor Sólida
Gere imagens de fundo de cor sólida online. Personalize cor e tamanho com predefinições (1080p, 2K, 4K), baixe como PNG/JPG.
Visualizador SVG
Visualizador e editor SVG online com prévia em tempo real. Edite código SVG, visualize alterações instantaneamente e baixe arquivos SVG.
Pré-visualização de fontes
Veja seu texto em qualquer fonte instalada neste dispositivo ou envie um arquivo TTF, OTF, WOFF ou WOFF2. Ajuste tamanho, peso, espaçamento e cor, e copie o CSS pronto para uso. Tudo no navegador.
O que esta categoria permite fazer
As ferramentas de design ajudam a criar e inspecionar ativos visuais: cores, gradientes, QR codes, códigos de barras, testes de tela, cores sólidas e visualização de SVG. Elas são voltadas para trabalho de UI, entrega para impressão e verificação de tela, não para compressão de bitmap ou conversão de documentos de escritório.
A maioria das ferramentas processa a entrada no navegador quando possível. Para arquivos, tokens, documentos ou verificações de rede, revise a ferramenta escolhida antes de usar dados sensíveis.
Casos de uso comuns
- Escolher cores, criar gradientes ou mostrar uma cor sólida ao preparar ativos de UI.
- Gerar QR codes ou códigos de barras para etiquetas, pôsteres, dados de teste ou material de entrega.
- Visualizar marcação SVG e executar testes de tela para pixels mortos, blocos de cor ou uniformidade.
Perguntas frequentes
Por que as cores parecem diferentes em outra tela?
Calibração, perfil de cor, brilho e tipo de painel afetam a cor percebida.
O que devo verificar antes de imprimir um QR code?
Teste o tamanho final, contraste, zona de silêncio e material. A distorção pode tornar a leitura não confiável.
Os arquivos SVG são sempre seguros para visualizar?
Trate SVG desconhecido como não confiável, pois o SVG pode conter conteúdo ativo dependendo da renderização.
Os gradientes gerados podem ser copiados para CSS?
Geralmente sim, mas o suporte a navegadores antigos ou a sintaxe específica do projeto podem exigir ajustes.
Categorias relacionadas
Imagens
Reduza fotos muito grandes sem perder qualidade, converta em lote entre PNG, JPEG e WebP, adicione marcas d'água de texto, converta para tons de cinza, crie fotos tipo documento ou grave sua tela. Algumas ferramentas rodam no navegador; as conversões de formato e a compressão usam um motor de servidor para entregar mais qualidade — os arquivos enviados são apagados imediatamente após o processamento.
Hardware
Tecla travando? Pixel morto? Microfone sem captar? Antes de comprar um substituto, faça uma verificação rápida. Teste cada tecla, confirme a taxa de atualização da tela, verifique se a câmera e o microfone funcionam, ou meça o ruído ambiente com o decibelímetro.
Ferramentas de Desenvolvedor
As pequenas coisas que consomem o dia do desenvolvedor: consultar códigos HTTP, gerar UUIDs, escrever expressões cron, verificar tipos MIME, analisar User-Agent ou gerar tipos TypeScript a partir de JSON. Favorite esta página — é mais rápido que vasculhar documentação.
