Herramientas gratis para developers — JSON, regex, hash, favicon pack, en el navegador | ToolKoala

Toolkit de developers

"Soy developer. Estas son las utilidades que mantengo abiertas en pestañas fijadas — favicons, JSON, regex, hashes, encoders. Sin instalar CLI, sin registro, sin telemetría. — Milo 🐨"

No necesitas la mayoría de estas todos los días. Pero el día que necesitas un SHA-256 de un string, un tester de regex que no laguee, o 17 tamaños de favicon a partir de un SVG — realmente las necesitas. Esta página es el estante curado de utilidades dev. Todo corre localmente en tu navegador; nada llama a casa; sin límites de rate.

Las 3 herramientas que más vas a usar

JSON Formatter / Validator — Pega, formatea, valida, minifica. Maneja estructuras profundamente anidadas y da mensajes de error razonables para JSON roto. Úsalo para debugging de APIs cuando no te fías de tu pipe de terminal.
Regex Tester — Resaltado en vivo, capture groups, conteo de matches. Prueba regex ECMAScript-flavor (el mismo motor que usa tu JavaScript). Incluye preview de replace.
Favicon Generator — Una imagen fuente → todos los tamaños necesarios (16, 32, 48, 64, 128, 256, 512, 180 para Apple Touch, más manifest.json). Un ZIP, lo sueltas en tu carpeta public/, listo.

Flujo real: sacar el favicon set de una nueva app

Escenario común: diseño te pasa un SVG del logo. Necesitas un favicon set completo para la web app, banner de install iOS, manifest Android y Apple Touch. Camino en 5 minutos:

Sale del SVG: abre SVG to PNG, rasteriza a 512×512 con fondo transparente. Guarda el PNG master.
Genera el set: suelta el master en Favicon Generator. Obtén el pack completo (favicon.ico, variantes .png, Apple Touch, manifest.json) como un único ZIP.
Descomprime en public/: copy-paste a tu proyecto; el manifest.json incluye los link tags estándar que puedes meter directo en <head>.
Verifica multiplataforma: prueba en Safari (Apple Touch Icon), Chrome en Android (manifest) y una pestaña pelada (.ico fallback).

5 minutos. Sin CLI. Sin npm install. Sin gate de SaaS "gratis para 3 generaciones".

Toolkit completo de developer (por caso de uso)

🧪 Inspección y transformación de datos

JSON Formatter — Formatear, minificar, validar
CSV ↔ JSON — Conversión entre formatos, preserva tipos
YAML ↔ JSON — Conversión sin pérdida en ambas direcciones
Markdown ↔ HTML — Render rápido o extracción
Text Diff — Comparación lado a lado con resaltado

🔐 Encoding y hashing

Hash Generator — MD5, SHA-1, SHA-256, SHA-512 en el navegador
URL Encoder / Decoder — Percent-encoding para URLs y query strings
Image to Base64 — Data URLs para inlinear imágenes en CSS/HTML
Timestamp Converter — Unix ↔ ISO 8601, múltiples zonas horarias

🎨 Preparación de assets

Favicon Generator — Pack completo de favicons a partir de una imagen
SVG to PNG — Rasteriza a cualquier resolución con fondo transparente
Convert Image — Interconversión HEIC, WebP, PNG, JPG
Compress Image — Comprime assets para entrega web/app
QR Generator — URLs, WiFi, tarjetas de contacto; output SVG y PNG

🧪 Utilidades rápidas

Regex Tester — ECMAScript flavor, capture groups en vivo
Color Converter — HEX ↔ RGB ↔ HSL ↔ colores con nombre
Color Picker (desde imagen) — Saca el hex exacto de un screenshot
Unit Converter — Bytes, tiempo, distancia, temperatura
Word / Char Counter — Útil para presupuesto de tokens LLM
Case Converter — camelCase ↔ snake_case ↔ kebab-case

"¿Por qué una herramienta en navegador en vez de CLI?"

Respuesta honesta: para operaciones puntuales no quieres escribir un script Python de 10 líneas, quieres una respuesta en 3 segundos. Para el SHA-256 de un token, un check de regex, un favicon set rápido — una herramienta en navegador sin install, sin requirements.txt, sin diálogo de permisos es más rápida que tu terminal.

Otro caso: estas herramientas funcionan en máquinas donde no puedes instalar software — laptops prestados, workstations corporativos con restricciones, computadoras públicas de coworking. Son útiles justo cuando tu toolbox habitual no está ahí.

Para todo lo demás (operaciones en batch, scripting, CI/CD), quédate en CLI. Estas complementan tu terminal, no la reemplazan.

Preguntas frecuentes

¿Son precisas? No puedo permitirme una función hash con bugs.

Las funciones criptográficas (MD5, familia SHA) usan la API nativa del navegador SubtleCrypto — la misma implementación que usa Chrome para HTTPS. Regex usa el motor de regex de V8 (igual que Node.js). El parsing de JSON usa JSON.parse nativo. Si tu navegador es correcto, estas son correctas.

¿Mi código o datos se filtran a algún lado?

No. Las herramientas corren en tu pestaña del navegador. El procesamiento sucede localmente en tu CPU. Puedes verificarlo en DevTools → Network: suelta un archivo o pega texto, observa el panel de red — no hay requests salientes con tus datos.

¿Puedo usarlas en un script o CI?

Estas herramientas son interactivas (basadas en navegador). Para scripting y CI usa herramientas CLI propiamente dichas — tienen la forma correcta para eso. Las de navegador encajan en el caso "necesito esta respuesta ahora mismo, en esta pestaña".

¿Por qué no hay una herramienta para X?

Dímelo. [email protected]. La roadmap está fuertemente impulsada por los lectores; si pides un decoder JWT, un linter YAML, un generador UUID o cualquier otra utilidad dev, va por vía rápida. La restricción es "debe correr en navegador" — cualquier cosa que necesite cómputo de servidor (inferencia LLM, compilación grande) no encaja.

¿Por qué no hay tema dark/light en los paneles de output?

Sí lo hay — toggle en la esquina superior derecha. El ajuste persiste entre visitas. El sitio usa por defecto tu prefers-color-scheme del sistema.

Fija esta página. El estante dev que sí vas a usar.

O salta a Regex Tester → · JSON Formatter →

— Milo 🐨 · [email protected]