ES
PortuguêsEnglishEspañol
Inicio Favoritos
Herramientas para programadores 100% gratis

Programador

JSON, Base64, regex, hash, cores, CSS e outras ferramentas para programar.

Bloques listos para sitios 1CSS y diseño 16SEO y publicación 11Formatear y convertir 26Códigos, hash y redes 25Datos de prueba 1

Bloques listos para sitios 1

Botón flotante de WhatsApp para sitio webGenera el código del botón flotante de WhatsApp para poner en tu sitio web: número, mensaje listo, posición, color, tamaño y burbuja de texto. Copia el HTML y pégalo antes de </body>, sin plugin.Usar →

CSS y diseño 16

Verificador de contraste de colores (WCAG)Comprueba si el color del texto tiene suficiente contraste con el fondo según las reglas de accesibilidad WCAG AA y AAA, con vista previa en vivo.Usar →
Conversor de coloresConvierte colores entre HEX, RGB, HSL y CMYK y mira los tonos más claros y más oscuros.Usar →
Generador de blob SVG (formas orgánicas)Genera formas orgánicas (blobs) en SVG para fondos, marcos de fotos y adornos de sitios: ajusta la complejidad y la irregularidad, elige color sólido o degradado y descarga el SVG.Usar →
Generador de border-radius CSSCrea esquinas redondeadas en CSS con vista previa en vivo: ajusta cada esquina, activa las cuatro juntas o crea formas orgánicas (blob) con los 8 valores de border-radius.Usar →
Generador de CSS GridCrea layouts con CSS Grid de forma visual: número de columnas y filas, tamaños (fr, px, auto), espaciado y columnas responsivas con auto-fit y minmax. Mira la vista previa y copia el CSS y el HTML.Usar →
Generador de cubic-bezier (easing CSS)Dibuja curvas de animación cubic-bezier arrastrando los puntos de control, compáralas con ease, ease-in-out y otras curvas predefinidas y copia el CSS de la transición.Usar →
Generador de faviconCrea favicon.ico e íconos para sitio web, iPhone y Android a partir de una imagen.Usar →
Generador de gradiente CSSCrea gradientes lineales y radiales con varios colores y copia el CSS listo.Usar →
Generador de imagen placeholderCrea imágenes de ejemplo (placeholder) en cualquier tamaño, con color de fondo, texto y formato PNG, JPG, WEBP o SVG, para diseños y prototipos.Usar →
Generador de ondas SVGCrea divisores de sección en forma de onda para tu sitio: ajusta la altura, la cantidad de ondas, las capas y los colores, invierte y descarga el SVG o copia el código para usar entre las secciones de la página.Usar →
Generador de box-shadow CSSCrea sombras CSS (box-shadow) con vista previa en vivo: desplazamiento, desenfoque, expansión, color, opacidad, varias capas y plantillas listas.Usar →
Generador de text-shadow CSSCrea sombras de texto en CSS con vista previa en vivo y plantillas listas: neón, retro, 3D, contorno, fuego y relieve, con varias capas y colores.Usar →
Optimizar SVGReduce el tamaño de los archivos SVG exportados de Illustrator, Figma, Inkscape o Canva: elimina comentarios, metadatos, datos del editor y espacios, y redondea los decimales, con vista previa lado a lado para comprobarlo.Usar →
Conversor de px a remConvierte px a rem, em, pt y porcentaje y viceversa, con tamaño base ajustable y tabla de referencia para CSS.Usar →
SVG a data URI (CSS y HTML)Convierte código SVG en un data URI optimizado para usar en CSS (background-image, mask) y HTML, con codificación URL más corta que Base64 y vista previa de la imagen.Usar →
Wireframe de sitio web onlineDibuja el wireframe (boceto del diseño) de un sitio web o landing page arrastrando bloques listos: encabezado, banner, título, texto, imagen, botón, tarjetas, formulario, video y pie de página, en tamaño de computadora o de celular. Mueve, cambia el tamaño y descarga en PNG o SVG.Usar →

SEO y publicación 11

Analizar SEO de la página (HTML)Pega el código HTML de una página y mira qué le falta para el SEO: título, meta description, H1, estructura de encabezados, imágenes sin alt, canonical, Open Graph, idioma, viewport, enlaces y datos estructurados.Usar →
Generador de cabeceras de seguridadGenera las cabeceras HTTP de seguridad del sitio (HSTS, Content-Security-Policy, X-Content-Type-Options, Referrer-Policy, Permissions-Policy y protección contra iframe) para Nginx, Apache, Netlify, Cloudflare Pages y Vercel.Usar →
Generador de enlace con UTMCrea enlaces con parámetros UTM (utm_source, utm_medium, utm_campaign, utm_term, utm_content) para saber en Google Analytics de dónde vienen las visitas: Instagram, WhatsApp, correo electrónico, anuncios y códigos QR.Usar →
Generador de llms.txtCrea el archivo llms.txt de tu sitio: nombre, resumen y las páginas más importantes organizadas en secciones, en el formato propuesto en llmstxt.org para ayudar a las herramientas de IA a entender el contenido del sitio.Usar →
Generador de meta tags (SEO)Genera las meta tags de SEO, Open Graph y Twitter de tu sitio y mira la vista previa en Google y en WhatsApp.Usar →
Generador de redirecciones 301Genera las reglas de redirección 301 o 302 del sitio para Apache (.htaccess), Nginx, Netlify (_redirects), Vercel (vercel.json), Cloudflare y HTML, a partir de una lista de direcciones antiguas y nuevas.Usar →
Generador de robots.txtCrea el archivo robots.txt de tu sitio: permite o bloquea robots de búsqueda y de IA, carpetas privadas e indica el sitemap.Usar →
Generador de schema markup (JSON-LD)Genera datos estructurados JSON-LD de schema.org para FAQ, negocio local, artículo y breadcrumb, listos para pegar en el sitio y mejorar la apariencia en Google.Usar →
Generador de sitemap.xmlCrea el sitemap.xml de tu sitio a partir de una lista de páginas: pega las direcciones, define la fecha de actualización y descarga el archivo listo para enviar a Google Search Console y Bing.Usar →
Vista previa del resultado en GoogleMira cómo aparecen el título y la descripción de tu página en los resultados de Google, en computadora y en celular, con el ancho en píxeles y el aviso de cuándo se va a cortar el texto.Usar →
Probar sitio en varios tamaños de pantallaMira cómo se ve tu sitio en el celular, la tablet y la computadora al mismo tiempo: escribe la dirección y revisa la página en anchos como 360, 390, 768 y 1280 px, lado a lado, con desplazamiento en cada pantalla.Usar →

Formatear y convertir 26

Comparar JSON (diff)Compara dos JSON y ve exactamente qué se agregó, eliminó o modificó, campo por campo, ignorando el orden de las claves.Usar →
Conversor camelCase, snake_case y kebab-caseConvierte nombres y textos a camelCase, PascalCase, snake_case, kebab-case, CONSTANTE y otros formatos usados en programación.Usar →
Conversor Punycode (dominios con acento)Convierte dominios con acentos, ñ y emojis a Punycode (xn--) y de vuelta, como café.com.mx a xn--caf-dma.com.mx, un dominio por línea.Usar →
CSV a JSONConvierte CSV a JSON y JSON a CSV, con detección de separador (coma, punto y coma o tabulación).Usar →
CSV a SQL (INSERT y CREATE TABLE)Convierte CSV o datos copiados de Excel en comandos SQL INSERT, con CREATE TABLE y tipos detectados automáticamente, para MySQL, PostgreSQL, SQLite y SQL Server.Usar →
Escapar y desescapar texto (JSON, JS, SQL, regex)Escapa comillas, barras y saltos de línea para JSON, JavaScript, SQL, regex, CSV y Unicode, o haz el proceso inverso.Usar →
Formatear JSONFormatea, valida y minifica JSON.Usar →
Formatear SQLFormatea consultas SQL online: salto de línea en las cláusulas, indentación, palabras clave en mayúsculas y opción de minimizar.Usar →
Formatear XMLFormatea, valida y minifica XML en línea: indentación automática, aviso de errores de sintaxis y conversión de XML a JSON.Usar →
Generador de Lorem IpsumTexto de ejemplo para maquetas y prototipos: párrafos, frases, palabras, listas o títulos, en latín o en español, como texto o HTML.Usar →
Generador de tabla MarkdownCrea tablas en Markdown de forma visual o pega desde Excel y Google Sheets, con alineación de las columnas, para README, GitHub y Notion.Usar →
Codificar HTML (entidades)Convierte caracteres especiales y acentos en entidades HTML (&amp;lt; &amp;eacute;) y viceversa.Usar →
HTML para MarkdownConvierte HTML a Markdown: títulos, negrita, enlaces, imágenes, listas, citas y bloques de código, con el estilo de título y de lista que prefieras.Usar →
HTML a textoQuita todas las etiquetas de un código HTML y quédate solo con el texto, manteniendo párrafos, listas y, si quieres, las direcciones de los enlaces.Usar →
Inspeccionar caracteres UnicodeVe el código Unicode (U+), los bytes UTF-8, la entidad HTML y el escape de JavaScript de cada carácter o emoji de un texto, y encuentra caracteres invisibles.Usar →
JSON a CSVConvierte una lista de objetos JSON en CSV para abrirla en Excel o Google Sheets, con objetos anidados aplanados, elección del separador y descarga del archivo.Usar →
JSON para TypeScriptGenera interfaces o types de TypeScript a partir de un JSON, con objetos anidados, arrays, campos opcionales y nombres en PascalCase.Usar →
JSON a XML (y XML a JSON)Convierte JSON a XML y XML a JSON, con atributos, listas e indentación, validando la sintaxis directamente en el navegador.Usar →
Markdown a HTMLEscribe en Markdown y mira la vista previa en vivo, luego copia el HTML o descarga el archivo.Usar →
Minificar y formatear CSSMinifica CSS para hacer el sitio más liviano o formatea CSS compactado para leerlo y editarlo, con el ahorro en bytes.Usar →
Minificar HTMLMinifica HTML eliminando comentarios, espacios y saltos de línea innecesarios, conservando <pre>, <textarea>, scripts y estilos, con el ahorro en bytes.Usar →
Minificar JavaScriptMinifica y comprime código JavaScript con Terser: elimina espacios y comentarios y acorta nombres de variables, mostrando el ahorro en bytes.Usar →
Tabla ASCII completaTabla ASCII de 0 a 127 con decimal, hexadecimal, octal, binario, carácter y entidad HTML, con búsqueda y clic para copiar.Usar →
Texto a slugConvierte títulos en URLs amigables.Usar →
Visualizador de JSON en árbolVe JSON en árbol con nodos que se abren y cierran, búsqueda por clave o valor, conteo de elementos y la ruta de cada campo con un clic.Usar →
YAML a JSONConvierte YAML en JSON y JSON en YAML, validando la sintaxis y señalando la línea del error.Usar →

Códigos, hash y redes 25

Analizar URL y parámetrosSepara una URL en protocolo, dominio, ruta y parámetros, ve cada parámetro decodificado (UTM, fbclid, gclid) y genera la URL limpia.Usar →
Base64Codifica y decodifica texto en Base64.Usar →
Calculadora de chmodConfigura los permisos de archivos Linux marcando casillas y observa el número (755, 644) y el formato rwxr-xr-x.Usar →
Calculadora de RAIDCalcula el espacio útil, la redundancia y cuántos discos pueden fallar en RAID 0, 1, 5, 6 y 10, con la cantidad y el tamaño de los discos (HD o SSD) de tu NAS o servidor.Usar →
Calculadora de subred IP (CIDR)Calcula la máscara, la dirección de red, el broadcast, el rango de IP utilizables y el número de hosts de una red IPv4 en notación CIDR, como 192.168.1.0/24.Usar →
Codificar y decodificar Base32Convierte texto a Base32 (RFC 4648) y de vuelta, con o sin el relleno =, y con compatibilidad con acentos en UTF-8. Útil para claves de 2FA, nombres de archivo e identificadores.Usar →
Codificar URLCodifica y decodifica URLs (percent-encoding).Usar →
Conversión de base numéricaConvierte entre decimal, binario, octal y hexadecimal.Usar →
Convertidor de bytes (KB, MB, GB, TB)Convierte entre bytes, KB, MB, GB y TB, en los estándares decimal (1000) y binario (1024), y calcula el tiempo de descarga.Usar →
Conversor de IP (IPv4 e IPv6)Convierte direcciones IPv4 a decimal, hexadecimal y binario y viceversa, expande y comprime IPv6, genera el IPv6 mapeado y mira si la IP es privada, pública o reservada.Usar →
Convertidor de timestampConvierte timestamp Unix a fecha y viceversa.Usar →
Decodificar JWTDecodifica tokens JWT y mira el header, el payload y las fechas de emisión y expiración en formato legible.Usar →
Explicar expresión cron en españolPega una expresión cron y mira qué significa en español, campo por campo, con las próximas fechas en que se ejecutará la tarea.Usar →
Generador de claves RSA y ECDSAGenera pares de claves RSA (2048, 3072 o 4096 bits) y ECDSA (P-256, P-384) en tu propio navegador, en formato PEM, para pruebas, JWT, firmas y cifrado.Usar →
Generador de expresión cronArma una expresión cron sin memorizar la sintaxis: elige la frecuencia, los minutos, las horas y los días de la semana y mira las próximas ejecuciones.Usar →
Generador de .gitignoreCrea el archivo .gitignore de tu proyecto eligiendo lenguajes, frameworks, sistemas y editores: Node, Python, Java, Flutter, macOS, VS Code y más.Usar →
Generador de hashCalcula SHA-1, SHA-256 y SHA-512 de un texto.Usar →
Generador de HMAC (SHA-256, SHA-512)Calcula la firma HMAC de un mensaje con una clave secreta usando SHA-1, SHA-256, SHA-384 o SHA-512, con salida en hexadecimal o Base64, y valida webhooks.Usar →
Generador de JWT (firmar token HS256)Crea y firma tokens JWT con HS256, HS384 o HS512 a partir de un payload JSON y una clave secreta, con atajos para iat, exp y sub, y verifica la firma de un token existente.Usar →
Generador de código TOTP (2FA)Genera y verifica códigos de autenticación en dos factores (TOTP, RFC 6238) a partir de una clave secreta Base32, crea nuevas claves y el enlace otpauth:// para probar inicios de sesión con 2FA.Usar →
Generador de UUIDGenera UUID v4 aleatorios por lote.Usar →
Hash de archivo (MD5, SHA-1, SHA-256)Calcula el checksum MD5, SHA-1, SHA-256 y SHA-512 de cualquier archivo y comprueba si coincide con el hash indicado en el sitio de descarga.Usar →
Imagen a Base64Convierte imágenes en texto Base64 o Data URI para HTML y CSS.Usar →
Generador de tabla de verdadCrea la tabla de verdad de cualquier expresión lógica con Y, O, NO, implicación y bicondicional, y descubre si es tautología o contradicción.Usar →
Probar regexPrueba expresiones regulares en vivo, mira las coincidencias resaltadas, los grupos de captura y el resultado de la sustitución.Usar →

Datos de prueba 1

Generador de tarjeta de créditoGenera números de tarjeta de crédito válidos para pruebas de software (Visa, Mastercard, Elo, Amex) y valida con el algoritmo de Luhn.Usar →

No se encontró ninguna herramienta. Prueba con otra palabra.

¡Muchas gracias por ayudar!

Cada donación ayuda a mantener el sitio en línea. Las herramientas fueron hechas para ayudarte, pero tenemos gastos de servidores. Si puedes ayudar, ¡ayuda mucho! Elige o escribe el monto:

Pago seguro con Stripe. Se abre en otra pestaña.

Las herramientas se ofrecen tal como están, sin garantía. No nos responsabilizamos por los resultados ni por el uso que se hace de ellas.