DevTools

Base64 es un sistema de codificación que convierte datos binarios en texto ASCII utilizando 64 caracteres imprimibles. Se usa ampliamente en el desarrollo web para incrustar imágenes directamente en HTML y CSS, transferir datos binarios a través de APIs REST que solo aceptan texto JSON, adjuntar archivos en correos electrónicos con MIME, y almacenar información binaria en bases de datos que no soportan formatos binarios nativos. Su popularidad radica en que convierte cualquier dato en un string seguro que puede transmitirse sin modificaciones a través de sistemas diseñados para texto. Esta herramienta te permite codificar cualquier texto a Base64 y decodificarlo de vuelta al instante, todo directamente en tu navegador sin enviar datos a ningún servidor. El procesamiento es 100% local usando JavaScript, lo que garantiza que tu información nunca sale de tu dispositivo. Es ideal para desarrolladores que necesitan trabajar con APIs, transferir datos entre sistemas, o simplemente entender cómo funciona esta codificación tan ubicua en el desarrollo moderno.

¿Cómo usar?

1. Escribe o pega el texto que quieras codificar o decodificar en el campo de entrada.
2. Selecciona el modo: Encode para convertir tu texto a formato Base64.
3. Selecciona Decode si tienes un string en Base64 y necesitas recuperar el texto original.
4. Haz clic en 'Ejecutar' para procesar la conversión al instante.
5. Usa el botón 'Copiar Resultado' para copiar el texto convertido al portapapeles y usarlo donde lo necesites.

Casos de Uso Reales

• Incrustar imágenes en HTML/CSS. Convierte iconos e imágenes pequeñas (menos de 2 KB) en data URIs para eliminar peticiones HTTP adicionales y acelerar la carga de tu página.
• Depurar tokens JWT. El header y el payload de un JWT están codificados en Base64URL. Decodifícalos para inspeccionar claims, fechas de expiración y permisos sin herramientas externas.
• Autenticación HTTP Basic. La cabecera Authorization: Basic envía usuario:contraseña codificado en Base64. Útil para probar APIs protegidas desde curl o Postman.
• Payloads binarios en APIs de texto. Cuando un endpoint JSON no acepta binarios, codifica el archivo en Base64 y transmítelo como string dentro del cuerpo de la petición.
• Firmas de datos en correos MIME. Los adjuntos de correo electrónico se transmiten en Base64 desde los orígenes del protocolo MIME. Entenderlo te ayuda a depurar clientes de mail.
• Incrustar imágenes en HTML y CSS. Cuando diseñas una página que carga rápido, cada petición HTTP cuenta. Convertir un icono o logotipo pequeño a Base64 e incrustarlo como data URI (<img src="data:image/png;base64,...">) elimina esa petición extra al servidor. Es la técnica estándar para imágenes menores de 2KB.

Ejemplos Prácticos

Codificar texto simple

Hola Mundo!
→ SG9sYSBNdW5kbyE=

Decodificar el header de un JWT

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9
→ {"alg":"HS256","typ":"JWT"}

Codificar un texto simple

Hola Mundo
→ SG9sYSBNdW5kbw==

Decodificar un string Base64

RGV2VG9vbHMgwqkgc29ubdyBZ3JhdGlzb3M=
→ DevTools ¡somos geniales!

Data URI de un pixel transparente

iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==
→ <img src="data:image/png;base64,iVBORw0KGgo...">

Preguntas Frecuentes

El URL encoding, también conocido como percent encoding, es un mecanismo que convierte caracteres especiales en un formato seguro para ser transmitido en URLs. Los caracteres como espacios, &, ?, =, # y otros tienen significado especial en las URLs y deben ser codificados para evitar que se interpreten incorrectamente como parte de la estructura de la URL en lugar de como datos. Por ejemplo, un espacio se convierte en %20 y el signo & se convierte en %26. Sin esta codificación, los parámetros con caracteres especiales pueden romper la URL completa. Esta herramienta te permite codificar cualquier texto para su uso seguro en parámetros de URL, y decodificar URLs codificadas para restaurar su forma legible original. Es esencial para desarrolladores que trabajan con APIs, construyen URLs dinámicamente, o necesitan depurar problemas de codificación en sus aplicaciones web. Todo el procesamiento se realiza localmente en tu navegador, sin enviar datos a ningún servidor.

¿Cómo usar?

1. Ingresa el texto o URL que deseas codificar o decodificar en el campo de entrada.
2. Selecciona 'Encode' para convertir los caracteres especiales a su representación %XX.
3. Selecciona 'Decode' para restaurar un texto previamente codificado a su forma original legible.
4. Haz clic en 'Ejecutar' para procesar la operación.
5. Usa el botón 'Copiar Resultado' para copiar el resultado al portapapeles y úsalo en tu proyecto.

Casos de Uso Reales

• Construir query strings seguros. Antes de concatenar valores en una URL, codifica espacios, &, = y acentos para que no rompan la estructura de la petición.
• Depurar parámetros UTM de analytics. Las campañas de marketing generan URLs llenas de %20, %26 y %3D. Decodifícalas para entender exactamente qué parámetros llegan a tu sitio.
• Analizar redirecciones. Los flujos de login suelen incluir parámetros como redirect=https%3A%2F%2F... Decodificarlos revela a dónde apunta realmente el enlace.
• Deep links a aplicaciones móviles. Los esquemas personalizados y los App Links transportan datos serializados en la URL que deben codificarse correctamente para llegar intactos.
• Probar APIs desde la terminal. Verifica manualmente cómo debe escaparse un valor antes de pegarlo en un curl o en una colección de Postman.
• Construir URLs con parámetros dinámicos. Si un usuario busca "café con leche" en tu aplicación, la URL resultante debe ser ?q=caf%C3%A9%20con%20leche. Codificar los valores de los parámetros evita URLs rotas cuando hay espacios, acentos, símbolos (&) o caracteres especiales.

Ejemplos Prácticos

Codificar texto con acentos y espacios

café con leche & azúcar
→ caf%C3%A9%20con%20leche%20%26%20az%C3%BAcar

Decodificar un parámetro de campaña

utm_source%3Dnewsletter%26utm_campaign%3Dverano%202026
→ utm_source=newsletter&utm_campaign=verano 2026

Codificar un texto con espacios y acentos

búsqueda: café & té
→ b%C3%BAsqueda%3A%20caf%C3%A9%20%26%20t%C3%A9

Decodificar un parámetro de webhook

nombre%3DJuan%26edad%3D30
→ nombre=Juan&edad=30

Preguntas Frecuentes

JSON (JavaScript Object Notation) es el formato de intercambio de datos más utilizado en el desarrollo web moderno. Prácticamente todas las APIs REST devuelven datos en JSON, las configuraciones de herramientas modernas usan JSON, y es el formato nativo de almacenamiento en bases de datos NoSQL como MongoDB. Trabajar con JSON denso o sin formato puede ser frustrante: es difícil encontrar errores, entender la estructura anidada, o identificar valores específicos. Aquí es donde esta herramienta se vuelve indispensable. Esta herramienta te permite formatear, validar y minimizar JSON rápidamente. El formateo aplica sangría y saltos de línea para hacer el JSON legible, la validación verifica que el JSON cumpla con las reglas de sintaxis, y la minimización comprime el JSON eliminando espacios innecesarios para reducir el tamaño en transferencias. Todo se procesa al instante en tu navegador, sin enviar tus datos a ningún servidor.

¿Cómo usar?

1. Pega tu JSON en el campo de texto principal. Puedes copiarlo desde una API, un archivo de configuración o cualquier fuente.
2. Haz clic en 'Formatear / Validar' para embellecerlo con sangría de 2 espacios y verificar que sea sintácticamente válido.
3. Si solo necesitas la versión compacta para transferencia, usa 'Minimizar' para eliminar todos los espacios y saltos de línea.
4. Revisa el mensaje de estado: verde si es válido, rojo si hay errores con la descripción del problema.
5. Copia el resultado formateado o minimizado usando el botón 'Copiar Resultado'.

Casos de Uso Reales

• Depurar respuestas de APIs REST. Pega la respuesta cruda de un endpoint y formatéala para explorar su estructura antes de escribir el código que la consumirá.
• Validar archivos de configuración. Comprueba al instante si tu package.json, tsconfig.json o settings.json siguen siendo válidos después de editarlos a mano.
• Preparar payloads de prueba. Formatea y ajusta cuerpos de petición antes de enviarlos con curl, Postman o Insomnia, evitando errores de sintaxis que cuestan horas.
• Minimizar JSON para producción. Reduce el tamaño de archivos JSON eliminando espacios y saltos de línea, útil para logs compactos o transferencias más rápidas.
• Entender respuestas enormes. Un JSON de miles de caracteres en una sola línea se vuelve navegable cuando se formatea con sangrías consistentes.
• Depurar respuestas de APIs. Cuando una API devuelve un muro de texto JSON sin formato, encontrar el campo que buscas es casi imposible. Formatearlo con sangría revela la estructura jerárquica al instante y el validador te avisa si la respuesta viene truncada o malformada.

Ejemplos Prácticos

Formatear JSON minimizado

{"nombre":"Ana","edad":30,"roles":["admin","dev"],"activo":true}
→ {
  "nombre": "Ana",
  "edad": 30,
  "roles": [
    "admin",
    "dev"
  ],
  "activo": true
}

Detectar errores de sintaxis

{"nombre": "Ana", "edad": 30,}
→ Error: se esperaba un nombre de propiedad pero se encontró }. La coma final es inválida en JSON.

Formatear JSON compacto

{"nombre":"Ana","edad":28,"lenguajes":["Python","JS"]}
→ {
  "nombre": "Ana",
  "edad": 28,
  "lenguajes": [
    "Python",
    "JS"
  ]
}

Detectar un error de sintaxis

{"clave": "valor",}
→ Error: JSON inválido — coma final no permitida (posición 18)

Preguntas Frecuentes

Convertir texto entre diferentes formatos de mayúsculas y minúsculas es una tarea cotidiana para desarrolladores y escritores. Los desarrolladores necesitan cambiar entre convenciones de nomenclatura como camelCase (para variables en JavaScript), PascalCase (para clases), snake_case (para Python y bases de datos), y kebab-case (para URLs y nombres de archivos). Los escritores y editores necesitan corregir el formato de títulos, párrafos y listados rápidamente sin tener que reescribir manualmente. Esta herramienta te permite convertir texto entre 8 formatos diferentes con un solo clic: MAYÚSCULAS, minúsculas, Title Case, camelCase, PascalCase, snake_case, kebab-case y aLtErNaTiNg. El resultado se genera instantáneamente y puedes copiarlo al portapapeles para usarlo en tu código, documento o diseño. Todo el procesamiento es local, rápido y seguro.

¿Cómo usar?

1. Escribe o pega el texto que deseas convertir en el campo de entrada.
2. Selecciona el formato deseado haciendo clic en uno de los 8 botones disponibles.
3. El resultado aparece automáticamente en el campo de salida sin necesidad de hacer clic en 'Ejecutar'.
4. Si el resultado no es el esperado, ajusta el texto original y vuelve a seleccionar el formato.
5. Copia el resultado usando el botón 'Copiar Resultado' y pégalo en tu proyecto.

Casos de Uso Reales

• Migrar código entre lenguajes. JavaScript usa camelCase, Python prefiere snake_case y Go exporta con PascalCase. Convierte nombres completos sin reescribirlos a mano.
• Generar slugs para URLs. Transforma cualquier titular en un slug kebab-case limpio, listo para usar en rutas SEO-friendly como /guia-expresiones-regulares.
• Nombrar ramas y archivos. Los equipos suelen estandarizar ramas de Git y nombres de archivo en kebab-case; convierte descripciones largas en segundos.
• Crear constantes de entorno. Pasa nombres de configuración a UPPER_SNAKE_CASE para variables como DATABASE_URL o API_SECRET_KEY en tus archivos .env.
• Seguir convenciones de cada lenguaje. Cada ecosistema tiene su estilo: JavaScript usa camelCase para variables, Python prefiere snake_case, Ruby exige snake_case en métodos, CSS y HTML usan kebab-case en clases y atributos, y las constantes van en SCREAMING_SNAKE_CASE. Esta herramienta convierte entre todos sin errores de tipeo.
• Nombrar archivos y ramas de git. Los nombres de archivo multiplataforma funcionan mejor en kebab-case, y muchas convenciones de commits y ramas exigen formatos específicos (feature/nueva-funcionalidad). Convertir frases largas manualmente propicia errores.

Ejemplos Prácticos

Convertir un nombre de página a todas las convenciones

user profile settings page
→ camelCase: userProfileSettingsPage
PascalCase: UserProfileSettingsPage
snake_case: user_profile_settings_page
kebab-case: user-profile-settings-page

Convertir a camelCase

nombre usuario activo
→ nombreUsuarioActivo

Convertir a kebab-case

Botón de Envío Principal
→ boton-de-envio-principal

Convertir a CONSTANT_CASE

tiempo maximo espera
→ TIEMPO_MAXIMO_ESPERA

Preguntas Frecuentes

Contar caracteres, palabras y líneas es una necesidad frecuente para escritores, desarrolladores y profesionales de marketing digital. Los redactores deben cumplir con límites estrictos de caracteres en meta descripciones de SEO (generalmente 155-160 caracteres), títulos de anuncios, publicaciones en redes sociales como Twitter/X, y descripciones de productos en plataformas de comercio electrónico. Los estudiantes necesitan contar palabras para ensayos y trabajos académicos con requisitos de longitud específicos. Esta herramienta cuenta caracteres (con y sin espacios), palabras y líneas en tiempo real mientras escribes o pegas texto. No hay botones que presionar: las estadísticas se actualizan instantáneamente con cada pulsación de tecla. Es la herramienta perfecta para tener siempre abierta cuando trabajas con requisitos de longitud de texto. Todo funciona localmente en tu navegador, sin enviar datos a ningún servidor.

¿Cómo usar?

1. Escribe o pega el texto en el campo de entrada. Puedes escribir directamente o copiar desde cualquier fuente.
2. Las estadísticas se actualizan automáticamente mientras escribes, sin necesidad de hacer clic en nada.
3. Revisa el número de caracteres totales (incluyendo espacios) en el primer indicador.
4. Consulta los caracteres sin espacios si tu requisito excluye los espacios del conteo.
5. Verifica el conteo de palabras y líneas para asegurarte de cumplir con los requisitos de tu proyecto.

Casos de Uso Reales

• Optimizar etiquetas SEO. Google muestra aproximadamente 50-60 caracteres del title y 150-160 de la meta description. Cuenta los tuyos antes de publicar.
• Respetar el límite de X/Twitter. Cada publicación admite 280 caracteres. Verifica el conteo exacto incluyendo emojis y espacios antes de publicar.
• Planificar mensajes SMS. Un SMS estándar tiene 160 caracteres; cada segmento adicional incrementa el costo de tus campañas de mensajería.
• Definir maxlength en formularios. Al diseñar formularios o columnas VARCHAR necesitas saber cuántos caracteres ocupan realmente los textos típicos de tus usuarios.
• Medir textos multilingües. Traducciones pueden crecer hasta un 30%. Compara conteos entre idiomas antes de maquetar interfaces.
• Respetar límites SEO de meta tags. Google muestra aproximadamente 55-60 caracteres del title y 155-160 de la meta description. Escribirlos midiendo en tiempo real evita que tus snippets se corten con puntos suspensivos en los resultados de búsqueda.

Ejemplos Prácticos

Contar una meta description

DevTools: herramientas gratuitas para desarrolladores web
→ 57 caracteres, 6 palabras, 1 línea. Entra dentro del límite recomendado de 150-160 caracteres para meta descriptions.

Verificar un tuit

¡Acaban de lanzar la versión 2.0 con soporte completo para modo oscuro y nuevas integraciones!
→ 93 caracteres: cabe holgadamente en el límite de 280 de X/Twitter.

Medir un meta title

DevTools - Herramientas Gratuitas para Desarrolladores Online
→ 61 caracteres, 8 palabras — justo en el límite SEO recomendado

Verificar un tweet

¡Lanzamos nuevas herramientas gratuitas para desarrolladores! Entra y cuéntanos cuál te falta.
→ 97 de 280 caracteres — espacio suficiente para hashtags

Preguntas Frecuentes

Las entidades HTML son códigos especiales que representan caracteres que tienen significado especial en el lenguaje HTML. Los caracteres como <, >, &, " y ' son parte de la sintaxis HTML y, si aparecen como texto literal, el navegador puede interpretarlos como código en lugar de como contenido. Por ejemplo, si un usuario escribe → <script>alert("XSS")</script>

Usar entidades nombradas

© 2026 Mi Empresa — Todos los derechos reservados
→ © 2026 Mi Empresa — Todos los derechos reservados

Preguntas Frecuentes

Los hashes criptográficos son funciones matemáticas que convierten cualquier conjunto de datos en una huella digital de longitud fija. Son una herramienta fundamental en la seguridad informática y el desarrollo de software. Se utilizan para verificar la integridad de archivos descargados (comparando hashes), almacenar contraseñas de forma segura (aunque con algoritmos especializados como bcrypt), crear identificadores únicos para objetos en sistemas distribuidos, y detectar cambios en datos o documentos. La propiedad más importante de un hash es que es unidireccional: no se puede recuperar el texto original a partir del hash. Esta herramienta genera hashes usando los cuatro algoritmos más populares: MD5, SHA-1, SHA-256 y SHA-512. Los hashes se generan automáticamente mientras escribes, con una pequeña demora para evitar sobrecarga. Es perfecta para desarrolladores que necesitan verificar integridad de datos, generar checksums, o entender cómo funcionan estos algoritmos. Todo el procesamiento es local, usando la API Crypto Subtle del navegador.

¿Cómo usar?

1. Escribe o pega el texto que deseas hashear en el campo de entrada.
2. Los hashes se generan automáticamente mientras escribes, con una breve demora para optimizar el rendimiento.
3. Observa los cuatro hashes generados simultáneamente: MD5, SHA-1, SHA-256 y SHA-512.
4. Copia el hash del algoritmo que necesites haciendo clic sobre el valor o seleccionándolo manualmente.
5. Compara el hash generado con el hash de referencia para verificar integridad de archivos o datos.

Casos de Uso Reales

• Verificar descargas de software. Los proyectos publican checksums SHA-256 oficiales. Genera el hash del archivo descargado y compáralo para confirmar que no fue alterado.
• Detectar archivos duplicados. Dos archivos con hashes idénticos tienen contenido idéntico. Es la forma más rápida de encontrar duplicados sin comparar byte por byte.
• Crear huellas digitales de versiones. Asocia un hash a cada build o documento para dejar registro verificable de qué versión exacta se distribuyó.
• Validar transferencias de datos. Genera el hash antes y después de mover datos grandes entre sistemas; si coinciden, la transferencia fue fiel.
• Estudiar criptografía aplicada. Observa cómo cambiar un solo carácter produce un hash completamente diferente: el efecto avalancha en acción.
• Detección de duplicados. Dos archivos idénticos producen el mismo hash aunque tengan distinto nombre. Generar hashes de una lista de textos o exportaciones permite identificar duplicados sin comparar byte a byte.

Ejemplos Prácticos

Calcular el SHA-256 de un texto

DevTools es genial
→ 4586c503e91481e63d9567d4bd5c9ceb8cfad95b3637f0f23290a1e0a6bd19d9

Comparar MD5 del mismo texto

DevTools es genial
→ e92c5891bedbf4507caa185332e794cf (MD5 es más rápido pero menos seguro que SHA-256; únicamente para detección de duplicados)

Hash SHA-256 de un texto

hola
→ b94d27b9934d3e08a52e52d7da7dabfac484efe37a5380ee9088f7ace2efcde9

Comparar integridad de descarga

Checksum publicado: 9f86d081884c7d65...
→ Tu hash local coincide → archivo íntegro

Preguntas Frecuentes

Los UUIDs (Universally Unique Identifiers) son identificadores estandarizados de 128 bits que garantizan unicidad sin necesidad de coordinación centralizada. Son omnipresentes en el desarrollo moderno: se usan como claves primarias en bases de datos (especialmente en sistemas distribuidos), identificadores de sesión en aplicaciones web, nombres únicos para archivos en sistemas de almacenamiento, identificadores de recursos en APIs REST, y rastreo de eventos en sistemas de analytics. La versión 4, que es la que genera esta herramienta, utiliza números aleatorios para garantizar la unicidad. Esta herramienta genera UUIDs v4 con opciones de personalización completas: puedes elegir la cantidad (de 1 a 100), formato en mayúsculas o minúsculas, incluir llaves {} al estilo Microsoft SQL Server, y controlar si se muestran los guiones. Es ideal para desarrolladores que necesitan generar identificadores rápidamente para poblar bases de datos, crear datos de prueba, o asignar IDs en sistemas. Todo se genera localmente usando crypto.getRandomValues() para máxima seguridad.

¿Cómo usar?

1. Selecciona la cantidad de UUIDs a generar usando el menú desplegable (de 1 a 100).
2. Configura las opciones: marca 'Mayúsculas' para UUIDs en mayúsculas, 'Llaves {}' para formato con llaves, desmarca 'Guiones' si no los necesitas.
3. Haz clic en 'Generar UUIDs' para crear los identificadores únicos instantáneamente.
4. Revisa los resultados en el área de texto, cada UUID en una línea separada.
5. Copia todos los UUIDs con el botón 'Copiar Resultado' y pégalos en tu proyecto o base de datos.

Casos de Uso Reales

• Claves primarias en bases de datos distribuidas. Los UUID v4 se generan de forma independiente en cada nodo sin coordinación central, evitando colisiones en sistemas multi-región.
• Idempotency keys en APIs. Envía un UUID único por operación sensible para que reintentos de red no dupliquen pagos ni órdenes.
• Nombres únicos de archivos en la nube. Genera identificadores para objetos en S3, Cloudflare R2 o cualquier bucket evitando sobreescrituras accidentales.
• Correlacionar trazas de logs. Asigna un UUID por petición y propágalo por todos tus microservicios para seguir su rastro completo.
• Datos de prueba masivos. Puebla entornos de staging con cientos de identificadores realistas en segundos usando la generación por lotes.
• Identificadores únicos en bases de datos. Los UUID v4 se generan con aleatoriedad criptográfica: la probabilidad de duplicado es tan remota (1 entre 2¹²²) que puedes generar claves primarias en distintos servidores sin coordinarte ni consultar secuencias centrales.

Ejemplos Prácticos

UUID v4 estándar

Generar 1 UUID
→ f47ac10b-58cc-4372-a567-0e02b2c3d479

Variantes de formato disponibles

Generar 1 UUID con opciones
→ Mayúsculas: F47AC10B-58CC-4372-A567-0E02B2C3D479
Sin guiones: f47ac10b58cc4372a5670e02b2c3d479
Con llaves: {f47ac10b-58cc-4372-a567-0e02b2c3d479}

UUID estándar v4

(generar)
→ f47ac10b-58cc-4372-a567-0e02b2c3d479

Formato con llaves para Windows/registro

(generar con llaves)
→ {f47ac10b-58cc-4372-a567-0e02b2c3d479}

Preguntas Frecuentes

El timestamp Unix es un sistema de medición del tiempo que cuenta los segundos (o milisegundos) transcurridos desde el 1 de enero de 1970 a las 00:00:00 UTC, fecha conocida como la época Unix. Es el formato de tiempo estándar en prácticamente todos los sistemas informáticos modernos. Los desarrolladores se encuentran constantemente con timestamps Unix al trabajar con APIs que devuelven fechas en este formato, analizar logs de sistemas, depurar eventos en bases de datos, o configurar fechas de expiración en tokens JWT y cookies. Esta herramienta convierte entre timestamps Unix (tanto en segundos como en milisegundos) y fechas legibles en formato humano. Soporta múltiples formatos de fecha de entrada incluyendo ISO 8601. Es la solución perfecta para desarrolladores que necesitan convertir rápidamente entre estos formatos sin tener que escribir código o usar la consola del navegador. Todo el procesamiento es local y en tiempo real.

¿Cómo usar?

1. Selecciona el modo: 'Unix a Fecha' para convertir timestamp a fecha legible, o 'Fecha a Unix' para el proceso inverso.
2. Ingresa un timestamp Unix (ej: 1700000000 para segundos) o una fecha (ej: 2023-11-14 o 2023-11-14 15:30:00).
3. Haz clic en 'Ejecutar' para procesar la conversión.
4. El resultado se muestra directamente en pantalla con el formato convertido.
5. Si el resultado no es el esperado, verifica si el timestamp está en segundos o milisegundos y ajusta la entrada.

Casos de Uso Reales

• Interpretar logs de servidores. La mayoría de logs, eventos y bases de datos guardan horas como timestamps Unix. Conviértelos a fecha legible al investigar incidentes.
• Depurar expiración de tokens JWT. El claim exp de un JWT es un timestamp en segundos. Tradüelo para saber exactamente cuándo vence un token.
• Migrar datos entre sistemas. Al integrar APIs viejas y nuevas suele haber diferencias de formato temporal; esta herramienta verifica cada conversión.
• Programar tareas futuras. Calcula qué timestamp corresponde a 'el próximo lunes a las 9 AM' para configurar cron jobs, alarmas o recordatorios.
• Entender segundos vs milisegundos. JavaScript devuelve Date.now() en milisegundos mientras Unix clásico usa segundos; aquí ves ambas escalas lado a lado.
• Leer fechas de APIs y bases de datos. PostgreSQL guarda timestamps en UTC, las APIs devuelven epoch seconds, JavaScript usa milisegundos. Convertir esos números crudos a fechas legibles en tu zona horaria aclara qué momento representa cada registro durante depuración.

Ejemplos Prácticos

Convertir un timestamp a fecha

1755000000
→ 2025-08-12 12:00:00 UTC

Convertir una fecha a timestamp

2026-01-01 00:00:00 UTC
→ 1767225600

Timestamp a fecha

1750000000
→ 15 jun 2025, 15:06:40 UTC (epoch seconds)

Milisegundos de JavaScript

Date.now() → 1750000000000
→ 15 jun 2025, 15:06:40 UTC — ojo: 13 dígitos = milisegundos

Preguntas Frecuentes

Los colores en el desarrollo web se pueden representar en varios formatos, cada uno con sus ventajas específicas. HEX es el formato más compacto y utilizado, ideal para escribir colores rápidamente en CSS. RGB es más intuitivo para entender la composición de luz de un color y es necesario cuando se trabaja con opacidad (rgba). HSL es considerado el formato más natural para los humanos porque separa el color en tres componentes comprensibles: tono (el color en sí), saturación (intensidad del color) y luminosidad (brillo). Los diseñadores suelen preferir HSL para ajustar colores porque es más fácil crear variaciones de un mismo tono. Esta herramienta convierte instantáneamente entre HEX, RGB y HSL. Incluye un preview visual en tiempo real que muestra el color ingresado, y te permite copiar cualquier formato con un solo clic. Es indispensable para diseñadores y desarrolladores frontend que necesitan convertir colores entre formatos rápidamente mientras trabajan en CSS, mockups o prototipos. Todo el procesamiento es local.

¿Cómo usar?

1. Ingresa un color en cualquiera de los formatos soportados: HEX (ej: #6c5ce7), RGB (ej: rgb(108,92,231)) o HSL (ej: hsl(252,73%,63%)).
2. Haz clic en 'Ejecutar' para convertir automáticamente a los otros dos formatos.
3. Observa el preview visual en la barra superior que muestra el color ingresado en tiempo real.
4. Revisa los valores convertidos en los tres formatos: HEX, RGB y HSL.
5. Copia el formato que necesites para tu proyecto haciendo clic sobre el valor o seleccionándolo.

Casos de Uso Reales

• Traducir colores de Figma a CSS. Los diseñadores trabajan en HEX, pero muchas veces necesitas el equivalente rgb() para agregar canal alfa: rgba(108, 92, 231, 0.5).
• Crear variantes con HSL. HSL facilita generar paletas: mantén el matiz y ajusta luminosidad para hover states, bordes y fondos del mismo color.
• Construir temas claro/oscuro. Convierte tus colores base a HSL y deriva superficies coherentes modificando solo la luminosidad.
• Documentar design systems. Unifica tokens de color mostrando HEX, RGB y HSL juntos para que todo el equipo use el mismo lenguaje visual.
• Traducir colores entre diseño y código. El diseñador entrega #6C5CE7 en Figma, pero tu framework pide RGB para generar sombras con transparencia, o HSL para crear variantes más claras/oscuras programáticamente. Convertir entre formatos mantiene la paleta exacta en todos los contextos.
• Crear escalas de color accesibles. Con HSL puedes variar solo la luminosidad manteniendo el tono: perfecto para estados hover, disabled y bordes de un mismo color base. Verifica luego el contraste WCAG ajustando lightness hasta alcanzar 4.5:1.

Ejemplos Prácticos

HEX a RGB

#6c5ce7
→ rgb(108, 92, 231)

HEX a HSL

#6c5ce7
→ hsl(247, 74%, 63%) — subiendo la luminosidad obtienes lavandas más claras del mismo matiz

HEX a RGB/HSL

#6C5CE7
→ rgb(108, 92, 231) — hsl(247, 75%, 63%)

RGBA con transparencia

rgb(108, 92, 231) + alpha 0.4
→ rgba(108, 92, 231, 0.4)

Preguntas Frecuentes

Comparar dos versiones de un texto para encontrar diferencias es una tarea fundamental en el desarrollo de software y la edición de documentos. Los desarrolladores necesitan revisar cambios en código fuente antes de hacer merge, detectar modificaciones en archivos de configuración entre entornos, o verificar que dos versiones de un documento son equivalentes. Los escritores y editores la usan para rastrear cambios en borradores de artículos o documentos legales. Esta herramienta compara dos textos línea por línea y resalta visualmente las diferencias usando un sistema de colores intuitivo: verde para líneas añadidas, rojo para líneas eliminadas y amarillo para líneas modificadas. Además del resaltado visual, muestra estadísticas útiles como el número de líneas añadidas, eliminadas y modificadas. Es como tener un diff de Git visual sin necesidad de usar la línea de comandos. Todo se procesa localmente en tu navegador.

¿Cómo usar?

1. Pega el texto original (versión anterior) en el panel izquierdo etiquetado 'Texto Original'.
2. Pega el texto modificado (versión nueva) en el panel derecho etiquetado 'Texto Modificado'.
3. Haz clic en 'Ejecutar' para iniciar la comparación línea por línea.
4. Interpreta los resultados: las líneas en verde fueron añadidas, en rojo eliminadas, en amarillo modificadas.
5. Revisa las estadísticas debajo del resultado para ver el resumen de cambios detectados.

Casos de Uso Reales

• Revisar cambios en configuraciones. Compara el .env o el config.yaml de producción contra staging antes de desplegar, y detecta diferencias que un ojo humano pasa por alto.
• Verificar salidas esperadas. En pruebas manuales, pega la salida real junto a la esperada y confirma visualmente qué líneas difieren.
• Auditar cambios en documentos. Contratos, propuestas y políticas internas: compara dos versiones y identifica exactamente qué cláusulas cambiaron.
• Sincronizar snippets entre proyectos. Compara dos copias de la misma función o script para descubrir cuál evolucionó y cuál quedó obsoleta.
• Revisar cambios en configs de producción. Compara el archivo de configuración que funciona contra el recién editado. Las líneas resaltadas muestran exactamente qué cambió, ideal cuando 'no toqué nada' y todo dejó de funcionar.
• Comparar respuestas de APIs. Pega la respuesta JSON de staging y la de producción lado a lado. Las diferencias saltan a la vista: campos faltantes, valores distintos, orden cambiado.

Ejemplos Prácticos

Comparar dos versiones de configuración

timeout: 30
reintentos: 3
puerto: 8080
→ timeout: 60
reintentos: 3
puerto: 8080
→ El diff resalta en rojo timeout: 30 (eliminado) y en verde timeout: 60 (agregado).

Diff de configuraciones

timeout=30\nretries=3 vs timeout=60\nretries=3
→ Línea 1 resaltada: timeout cambió de 30 a 60

Diff de textos largos

Dos versiones de un contrato
→ Solo los párrafos modificados quedan marcados

Preguntas Frecuentes

Las expresiones regulares (regex) son patrones de búsqueda avanzada que permiten encontrar, extraer y manipular texto con una precisión imposible de lograr con búsquedas simples. Son una herramienta fundamental en el desarrollo de software: se usan para validar formularios (emails, teléfonos, códigos postales), buscar y reemplazar en editores de código, extraer datos de logs y archivos de texto, analizar cadenas en lenguajes de programación, y configurar reglas de enrutamiento en servidores web. Sin embargo, escribir regex correctas puede ser difícil y propenso a errores, por lo que probarlas antes de usarlas en producción es esencial. Esta herramienta te permite escribir y probar expresiones regulares en tiempo real contra cualquier texto de prueba. Soporta las flags más comunes: g (global), i (case-insensitive) y m (multiline). Las coincidencias se resaltan automáticamente en el texto de prueba con un conteo total. Es perfecta para depurar patrones regex antes de incorporarlos a tu código. Todo se procesa localmente usando el motor de regex de JavaScript, sin enviar datos a ningún servidor.

¿Cómo usar?

1. Escribe tu patrón regex en el primer campo, por ejemplo \d+ para encontrar números o ^Hola para palabras al inicio.
2. Configura las flags en el campo pequeño al lado: g (todas las coincidencias), i (sin distinción mayúsculas/minúsculas), m (modo multilínea).
3. Pega el texto de prueba en el área inferior 'Texto de prueba...'.
4. Las coincidencias se resaltan automáticamente mientras escribes, mostrando el conteo total debajo.
5. Ajusta el patrón y flags según los resultados hasta obtener las coincidencias deseadas.

Casos de Uso Reales

• Validar patrones de formularios. Prueba tu regex de email, teléfono o CUIT contra casos reales antes de llevarla a producción y descubrir falsos negativos.
• Extraer datos de logs. Construye patrones que capturen IPs, códigos de estado HTTP o IDs de sesión dentro de miles de líneas de log.
• Dominar buscar y reemplazar. Editores como VS Code aceptan regex en su buscador; ensaya aquí el patrón y luego aplícalo en tu refactorización masiva.
• Aprender regex con feedback inmediato. Modifica un metacaracter y observa al instante cómo cambian las coincidencias resaltadas: la forma más rápida de interiorizar la sintaxis.
• Validar formularios antes de programar. Prueba aquí tu patrón de email, teléfono o CURP/RFC contra casos válidos e inválidos. Llegar al código con la regex verificada ahorra ciclos de compilar-probar-fallar.
• Buscar y reemplazar avanzado. Antes de un find-replace masivo en tu editor (VS Code acepta regex), valida el patrón aquí contra muestras reales. Evita reemplazos catastróficos por patrones demasiado codiciosos.

Ejemplos Prácticos

Encontrar teléfonos con formato XXX-XXXX

\b\d{3}-\d{4}\b
→ Texto: Llama al 555-1234 o al 800-5555 → Coincidencias: 555-1234, 800-5555

Validar formato de email

^[\w.+-]+@[\w-]+\.[\w.]+$
→ usuario@ejemplo.com → válida | usuario@@ejemplo → rechazada

Validar email básico

^[\w.+-]+@[\w-]+\.[\w.]+$
→ usuario@dominio.com → válido | usuario@dominio → inválido

Extraer precios

\$\s?\d+[.,]\d{2}
→ Total: $125.50 y $9,99 → resalta $125.50 y $9,99

Preguntas Frecuentes

Generar contraseñas seguras es uno de los aspectos más importantes de la seguridad digital. Una contraseña débil puede comprometer cuentas de correo, redes sociales, banca online y servicios críticos en cuestión de minutos mediante ataques de fuerza bruta o diccionario. Las contraseñas seguras deben ser largas (al menos 12 caracteres, idealmente 16+), incluir una combinación de mayúsculas, minúsculas, números y símbolos, y ser completamente aleatorias. Evita usar palabras del diccionario, fechas de nacimiento, nombres o patrones de teclado como 'qwerty'. Esta herramienta genera contraseñas seguras y aleatorias con control total sobre los criterios de composición. Puedes ajustar la longitud, seleccionar qué tipos de caracteres incluir, y generar tantas contraseñas como necesites. Utiliza crypto.getRandomValues(), el generador de números aleatorios criptográficamente seguro del navegador, garantizando aleatoriedad real. Todo el procesamiento es 100% local: ninguna contraseña generada sale de tu dispositivo.

¿Cómo usar?

1. Ajusta la longitud deseada usando el campo numérico (mínimo 4, recomendado 16 o más).
2. Selecciona los tipos de caracteres a incluir: mayúsculas, minúsculas, números y símbolos.
3. Haz clic en 'Generar' para crear una contraseña aleatoria segura al instante.
4. Revisa la contraseña generada en el campo de texto.
5. Usa el botón 'Copiar' para copiarla al portapapeles y guárdala en tu gestor de contraseñas.

Casos de Uso Reales

• Asegurar cuentas críticas. Bancos, email principal y gestor de contraseñas merecen claves de 16 a 24 caracteres con todos los conjuntos activados.
• Generar secrets para desarrollo local. Claves de firma JWT, secretos de sesión o credenciales de bases de datos locales nunca deben ser '123456' ni cadenas predecibles.
• Credenciales iniciales de usuarios. Al crear cuentas para terceros, entrégales contraseñas fuertes aleatorias que deberán rotar en el primer inicio de sesión.
• Contraseñas Wi-Fi robustas. Una clave WPA2/WPA3 de 20+ caracteres aleatorios es prácticamente imposible de crackear por fuerza bruta.
• Contraseñas fuertes para cuentas críticas. Banca, email principal, gestor de contraseñas: genera 16-20 caracteres con todos los conjuntos activos. La aleatoriedad criptográfica (crypto.getRandomValues) hace que adivinarla sea computacionalmente inviable.
• Credenciales iniciales de servidores y BDs. Al provisionar un servidor nuevo o crear un usuario de base de datos, genera una contraseña aleatoria en lugar de una temporal débil que olvidarás rotar después.

Ejemplos Prácticos

Contraseña de longitud media-alta

Longitud 20, todos los conjuntos activados
→ T3r.cE9#vQx2!pLm7@Wz — aproximadamente 128 bits de entropía, inviable de romper por fuerza bruta actual.

Contraseña memorable sin símbolos

Longitud 16, solo letras y números
→ Kq7wZm2Rp9Xt4Nb6 — ideal para sistemas antiguos que no aceptan símbolos especiales.

Contraseña equilibrada (16 chars)

longitud 16, todos los conjuntos
→ kR9#mQx2$vLp7@Zn

PIN numérico (6 dígitos)

longitud 6, solo números
→ 483920

Preguntas Frecuentes

Lorem Ipsum es el texto de relleno más utilizado en la industria del diseño gráfico, editorial y web desde hace más de 500 años. Su origen se remonta a un texto en latín escrito por Cicerón en el año 45 a.C., 'De finibus bonorum et malorum', cuyas palabras fueron modificadas y mezcladas para crear el texto placeholder que conocemos hoy. Su principal ventaja sobre el texto real es que no distrae al observador: al no tener significado legible, permite que diseñadores y clientes se concentren en la estructura visual, la tipografía y el layout en lugar del contenido. Esta herramienta genera texto Lorem Ipsum en tres formatos: párrafos completos, oraciones individuales o palabras sueltas. Puedes ajustar la cantidad de 1 a 50 unidades según tus necesidades. Es ideal para diseñadores web, desarrolladores frontend, y cualquier profesional que necesite relleno textual para maquetas, prototipos, templates o demos. Todo se genera al instante en tu navegador, sin conexión a internet necesaria una vez cargada la página.

¿Cómo usar?

1. Selecciona el tipo de contenido: 'Párrafos' para bloques completos, 'Oraciones' para frases sueltas, o 'Palabras' para términos individuales.
2. Ajusta la cantidad usando el campo numérico (de 1 a 50).
3. Haz clic en 'Generar' para crear el texto Lorem Ipsum al instante.
4. Revisa el texto generado en el área de resultado.
5. Copia el resultado al portapapeles con 'Copiar Resultado' y pégalo en tu diseño, maqueta o prototipo.

Casos de Uso Reales

• Maquetar landing pages. Rellena secciones hero, cards y testimonios con texto neutral para evaluar jerarquía visual antes de tener el copy definitivo.
• Prototipar en Figma o HTML. Los prototipos ganan realismo con párrafos de longitud variable; genera distintos bloques para cada componente.
• Probar sistemas de tipografía. Evalúa cómo se comporta tu fuente con textos largos, cortos y con diferentes densidades de párrafo.
• Demostrar productos a clientes. Presenta plantillas con Lorem Ipsum para enfocar la conversación en el diseño, no en el texto provisional.
• Maquetar layouts antes del contenido. El texto real distrae: el cliente lee en lugar de mirar el diseño. Lorem Ipsum tiene la distribución de longitud natural del latín, produciendo bloques visualmente creíbles que dejan ver tipografía y ritmo sin semántica de por medio.
• Probar tipografías y estilos CSS. Genera párrafos largos para evaluar cómo se comporta una fuente: interletrado, altura de línea, legibilidad en bloques densos. Con palabras sueltas pruebas encabezados y botones.

Ejemplos Prácticos

Generar párrafos para una card

Tipo: Párrafos, Cantidad: 1
→ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3 párrafos para un blog mockup

tipo: Párrafos, cantidad: 3
→ "Lorem ipsum dolor sit amet, consectetur adipiscing elit..." (bloques de 3-5 oraciones)

Titular de prueba

tipo: Palabras, cantidad: 5
→ Lorem ipsum dolor sit amet

Preguntas Frecuentes