Herramientas de Desarrollador

La caja de herramientas para desarrolladores: formateador JSON, conversión de colores, codificación Base64 y URL, UUID, expresiones regulares… Todo en el navegador, nada se envía.

★

Formateador de JSON

Indenta, minifica y valida tu JSON.

Desarrollador Abrir
★

Convertidor de colores

Convierte entre HEX, RGB y HSL.

Desarrollador Abrir
★

Generador de UUID

Genera UUID v4 aleatorios en lote.

Desarrollador Abrir
★

Codificador / decodificador Base64

Codifica y decodifica texto en Base64.

Desarrollador Abrir
★

Codificador / decodificador de URL

Codifica y decodifica URL (percent-encoding).

Desarrollador Abrir
★

Probador de expresiones regulares

Prueba tus regex y resalta las coincidencias.

Desarrollador Abrir
★

Generador de código QR

Crea un código QR a partir de texto o una URL.

Desarrollador Abrir
★

Conversor JSON ⇄ CSV

Convierte entre JSON y CSV en ambos sentidos.

Desarrollador Abrir
★

Generador de degradados CSS

Diseña un degradado y copia el código CSS listo para usar.

Desarrollador Abrir
★

Comprobador de contraste WCAG

Comprueba la accesibilidad de tus colores texto/fondo.

Desarrollador Abrir
★

Decodificador JWT

Inspecciona el encabezado y los claims de un token JWT.

Desarrollador Abrir
★

Analizador de expresiones cron

Traduce un crontab a palabras claras y ve las próximas ejecuciones.

Desarrollador Abrir
★

Entidades HTML

Codifica y decodifica entidades HTML, con nombre o numéricas.

Desarrollador Abrir
★

Minificador CSS

Comprime o embellece tu CSS, con el ahorro en bytes.

Desarrollador Abrir
★

Formateador SQL

Da formato a tus consultas SQL: palabras clave e indentación.

Desarrollador Abrir
★

Formateador XML

Indenta y valida tu XML, con errores señalados.

Desarrollador Abrir
★

Escapar cadena

Una cadena, escapada en JSON, JS, HTML, URL y Base64 a la vez.

Desarrollador Abrir
★

Calculadora de subred

IP + CIDR → red, broadcast, rango de hosts y máscaras.

Desarrollador Abrir
★

Calculadora chmod

Marca los permisos rwx: octal y notación simbólica en directo.

Desarrollador Abrir
★

Analizador de URL

Descompón una URL: protocolo, host, ruta y parámetros decodificados.

Desarrollador Abrir
★

Códigos de estado HTTP

Busca un código HTTP: significado y cuándo usarlo.

Desarrollador Abrir
★

Analizador de User-Agent

Navegador, SO y motor extraídos de una cadena User-Agent.

Desarrollador Abrir
★

Generador ULID y NanoID

Identificadores únicos ordenables por tiempo, alternativa al UUID.

Desarrollador Abrir
★

JSON a TypeScript

Convierte un objeto JSON en interfaces TypeScript tipadas.

Desarrollador Abrir
★

CSV a tabla Markdown

Convierte CSV en una tabla Markdown, con alineaciones.

Desarrollador Abrir
★

Generador de meta tags

Title, description, Open Graph y Twitter, con vista previa de tarjeta social.

Desarrollador Abrir
★

Generador robots.txt

Crea un archivo robots.txt: agentes, permisos, sitemap.

Desarrollador Abrir
★

Generador box-shadow

Crea sombras CSS de varias capas con vista previa en vivo.

Desarrollador Abrir
★

Generador border-radius

Redondea esquinas y crea formas blob orgánicas.

Desarrollador Abrir
★

Visor hexadecimal

Inspecciona un archivo en hex y ASCII, tipo detectado por magic bytes.

Desarrollador Abrir
★

Tipos MIME

Encuentra el tipo MIME de una extensión, y al revés.

Desarrollador Abrir
★

Limpiador SVG

Aligera un SVG: elimina comentarios, metadatos y espacios, muestra el ahorro.

Desarrollador Abrir
★

Comparador JSON

Compara dos JSON y detecta adiciones, eliminaciones y cambios.

Desarrollador Abrir
★

Convertidor px / rem / em

Convierte unidades CSS px, rem, em, pt y % con una base configurable.

Desarrollador Abrir
★

Inspector Unicode

Desglosa cada carácter: punto de código U+, decimal, bytes UTF-8, entidad HTML.

Desarrollador Abrir
★

Curva cubic-bezier

Crea una curva de animación CSS arrastrando los manejadores, con vista previa animada.

Desarrollador Abrir
★

Generador Flexbox

Ajusta un contenedor Flexbox en vivo y copia el CSS listo para usar.

Desarrollador Abrir
★

Sombra de texto CSS

Compón sombras de texto multicapa con vista previa en vivo y CSS listo para copiar.

Desarrollador Abrir
★

Glassmorphism CSS

Crea un efecto de vidrio esmerilado (desenfoque de fondo) con vista previa y CSS listo.

Desarrollador Abrir
★

Generador CSS Grid

Construye una cuadrícula CSS (columnas, filas, gap) en vivo y copia el CSS.

Desarrollador Abrir
★

Generador CSS clamp()

Genera un tamaño fluido CSS clamp() (tipografía responsiva) entre dos anchos de pantalla.

Desarrollador Abrir
★

Mi dirección IP

Consulta tu dirección IP pública (IPv4/IPv6) y los datos de tu conexión.

Desarrollador Abrir
★

JSON a YAML

Convierte JSON en YAML legible, con indentación limpia. Ideal para archivos de configuración.

Desarrollador Abrir
★

CSV a JSON

Convierte CSV en JSON (array de objetos), con encabezados y separador ajustables.

Desarrollador Abrir
★

Editor CSV

Edita un CSV como una hoja: celdas, filas, columnas, orden, exportar.

Desarrollador Abrir
★

Generador de tabla Markdown

Una cuadrícula editable → una tabla Markdown lista para pegar.

Desarrollador Abrir
★

Editor de subtítulos SRT

Edita y resincroniza tus subtítulos .srt.

Desarrollador Abrir
★

Editor de texto enriquecido → HTML

Escribe en visual, obtén el código HTML limpio.

Desarrollador Abrir
★

Generador de patrones CSS

Patrones de fondo en CSS puro (rayas, puntos, damero).

Desarrollador Abrir
★

Reducir el peso de una fuente (subsetting) TTF, OTF, WOFF

Inspecciona una fuente, conserva los caracteres útiles y exporta TTF y WOFF.

Desarrollador Abrir