Ferramentas grátis para devs — JSON, regex, hash, favicon pack, no navegador | ToolKoala

Toolkit de devs

"Sou dev. Esses são os utilitários que mantenho abertos em abas fixas — favicons, JSON, regex, hashes, encoders. Sem instalar CLI, sem cadastro, sem telemetria. — Milo 🐨"

Você não precisa da maioria desses todo dia. Mas no dia que você precisa de um SHA-256 de uma string, um tester de regex que não engasga, ou 17 tamanhos de favicon a partir de um SVG — você realmente precisa. Esta página é a prateleira curada de utilitários dev. Tudo roda localmente no seu navegador; nada liga pra casa; sem limites de rate.

As 3 ferramentas que você vai usar mais

JSON Formatter / Validator — Cola, formata, valida, minifica. Lida com estruturas profundamente aninhadas e dá mensagens de erro razoáveis para JSON quebrado. Use para debug de API quando você não confia no seu pipe de terminal.
Regex Tester — Destaque ao vivo, capture groups, contagem de matches. Testa regex ECMAScript-flavor (o mesmo engine que seu JavaScript usa). Inclui preview de replace.
Favicon Generator — Uma imagem fonte → todos os tamanhos necessários (16, 32, 48, 64, 128, 256, 512, 180 para Apple Touch, mais manifest.json). Um ZIP, solta na pasta public/, pronto.

Fluxo real: gerar o favicon set de um app novo

Cenário comum: design te passa um SVG do logo. Você precisa de um favicon set completo para a web app, banner de install iOS, manifest Android e Apple Touch. Caminho de 5 minutos:

Parte do SVG: abre SVG to PNG, rasteriza em 512×512 com fundo transparente. Salva o PNG master.
Gera o set: solta o master no Favicon Generator. Pega o pack completo (favicon.ico, variantes .png, Apple Touch, manifest.json) como um único ZIP.
Descompacta em public/: copy-paste para seu projeto; o manifest.json inclui as link tags padrão que você pode jogar direto no <head>.
Verifica cross-platform: testa no Safari (Apple Touch Icon), Chrome no Android (manifest) e uma aba pelada (.ico fallback).

5 minutos. Sem CLI. Sem npm install. Sem gate de SaaS "grátis por 3 gerações".

Toolkit completo de dev (por caso de uso)

🧪 Inspeção e transformação de dados

JSON Formatter — Formatar, minificar, validar
CSV ↔ JSON — Conversão entre formatos, preserva tipos
YAML ↔ JSON — Conversão sem perda em ambas direções
Markdown ↔ HTML — Render rápido ou extração
Text Diff — Comparação lado a lado com destaque

🔐 Encoding e hashing

Hash Generator — MD5, SHA-1, SHA-256, SHA-512 no navegador
URL Encoder / Decoder — Percent-encoding para URLs e query strings
Image to Base64 — Data URLs para inlinear imagens em CSS/HTML
Timestamp Converter — Unix ↔ ISO 8601, múltiplos fusos

🎨 Preparação de assets

Favicon Generator — Pack completo de favicon a partir de uma imagem
SVG to PNG — Rasteriza em qualquer resolução com fundo transparente
Convert Image — Interconversão HEIC, WebP, PNG, JPG
Compress Image — Comprime assets para entrega web/app
QR Generator — URLs, WiFi, cartões de contato; output SVG e PNG

🧪 Utilitários rápidos

Regex Tester — ECMAScript flavor, capture groups ao vivo
Color Converter — HEX ↔ RGB ↔ HSL ↔ cores nomeadas
Color Picker (de imagem) — Pega o hex exato de um screenshot
Unit Converter — Bytes, tempo, distância, temperatura
Word / Char Counter — Útil pra orçamento de tokens LLM
Case Converter — camelCase ↔ snake_case ↔ kebab-case

"Por que ferramenta de navegador em vez de CLI?"

Resposta honesta: pra operação única, você não quer escrever um script Python de 10 linhas, quer uma resposta em 3 segundos. Pro SHA-256 de um token, um check de regex, um favicon set rápido — uma ferramenta de navegador sem install, sem requirements.txt, sem diálogo de permissão é mais rápida que seu terminal.

Outro caso: essas ferramentas funcionam em máquinas onde você não pode instalar software — laptops emprestados, workstations corporativos travados, computadores públicos de coworking. Úteis exatamente quando sua caixa de ferramentas habitual não está ali.

Pra tudo o mais (operações em batch, scripting, CI/CD), fica no CLI. Essas complementam seu terminal, não substituem.

Perguntas frequentes

Essas ferramentas são precisas? Não posso ter função hash com bug.

As funções criptográficas (MD5, família SHA) usam a API nativa do navegador SubtleCrypto — a mesma implementação que o Chrome usa pra HTTPS. Regex usa o engine de regex do V8 (igual ao Node.js). Parsing de JSON usa JSON.parse nativo. Se seu navegador tá correto, essas tão corretas.

Meu código ou dados vazam pra algum lugar?

Não. As ferramentas rodam na sua aba do navegador. O processamento acontece localmente no seu CPU. Você pode verificar em DevTools → Network: solta um arquivo ou cola um texto, vê o painel de rede — nenhum request saindo com seus dados.

Posso usar em um script ou CI?

Essas ferramentas são interativas (baseadas em navegador). Pra scripting e CI use ferramentas CLI propriamente ditas — elas têm o formato certo pra isso. As de navegador encaixam no caso "preciso dessa resposta agora, nessa aba".

Por que não tem ferramenta pra X?

Me fala. [email protected]. A roadmap é fortemente guiada pelos leitores; se você pedir um decoder JWT, um linter YAML, um gerador UUID ou qualquer outro utilitário dev, vai pra via rápida. A restrição é "tem que rodar no navegador" — qualquer coisa que precise de compute de servidor (inferência LLM, compilação grande) não encaixa.

Por que não tem tema dark/light nos painéis de output?

Tem — toggle no canto superior direito. A configuração persiste entre visitas. O site usa por padrão seu prefers-color-scheme do sistema.

Fixa essa página. A prateleira dev que você vai usar de verdade.

Ou pula pro Regex Tester → · JSON Formatter →

— Milo 🐨 · [email protected]