ToolPal

Herramientas de desarrollo

84 herramientas

JSON, Base64, CSS, SQL, HTML — todo lo que un desarrollador necesita.

{ }

Formateador JSON

Formatea, valida y embellece tus datos JSON en línea de forma gratuita.

QR

Generador de Código QR

Genera códigos QR personalizables para URLs, texto, contraseñas Wi-Fi y más.

B64

Codificador/Decodificador Base64

Codifica texto a Base64 o decodifica Base64 a texto al instante.

🎨

Selector de colores y conversor

Selecciona colores y convierte entre formatos HEX, RGB, HSL y RGBA al instante.

ID

Generador de UUID

Genera UUIDs aleatorios (v4) al instante. Genera hasta 100 UUIDs a la vez.

.*

Probador de Regex

Prueba y depura expresiones regulares con coincidencia y resaltado en tiempo real.

%20

Codificador/Decodificador URL

Codifica o decodifica URLs y parámetros de consulta en línea.

#

Generador de Hash

Genera hashes SHA-1, SHA-256, SHA-384 y SHA-512 de cualquier texto en línea.

Conversor de Timestamp Unix

Convierte timestamps Unix a fechas legibles y viceversa.

🔓

Decodificador JWT

Decodifica e inspecciona JSON Web Tokens (JWT). Ve el encabezado, payload, claims y estado de expiración.

SQL

Formateador SQL

Formatea, embellece y minimiza consultas SQL en línea. Compatible con MySQL, PostgreSQL, SQLite y SQL estándar.

CSV

Conversor JSON a CSV

Convierte datos JSON a formato CSV y CSV a JSON al instante. Conversor gratuito para desarrolladores.

CSV

Conversor CSV a JSON

Convierte datos CSV a formato JSON al instante. Soporta delimitadores personalizados, opciones de encabezado y carga de archivos.

🎨

Generador de gradientes CSS

Crea hermosos gradientes CSS con un editor visual. Copia el código CSS al instante.

IP

Búsqueda de IP

Encuentra la geolocalización, ISP y otros detalles de cualquier dirección IP.

Generador de expresiones Cron

Analiza, valida y genera expresiones cron con un editor visual. Ve los próximos tiempos de ejecución.

SEO

Generador de Meta Tags SEO

Genera meta tags HTML completas para SEO, Open Graph y Twitter Cards.

TW

Conversor CSS → Tailwind

Convierte propiedades CSS estándar a clases de utilidad de Tailwind CSS. Soporta diseño, espaciado, tipografía y más.

YML

Conversor JSON ↔ YAML

Convierte entre formatos JSON y YAML al instante. Conversión bidireccional para DevOps y archivos de configuración.

<

Codificador/Decodificador de Entidades HTML

Codifica caracteres especiales a entidades HTML o decodifica entidades HTML a texto. Esencial para desarrolladores web.

🌐

Generador de Favicon

Crea favicons desde imágenes o texto/emoji. Genera todos los tamaños necesarios para web, iOS y Android.

Verificador de contraste de colores

Verifica ratios de contraste WCAG para accesibilidad. Comprueba cumplimiento AA y AAA para texto y colores de fondo.

🎨

Generador de Paleta de Colores

Genera paletas de colores hermosas usando teoría del color. Crea tipos de armonía complementarios, análogos, triádicos y más.

🖼️

Generador de Imagen OG

Crea imágenes Open Graph para compartir en redes sociales. Genera tarjetas de vista previa para tus enlaces.

JS

Minificador JavaScript

Minifica y formatea código JavaScript en línea. Elimina comentarios y espacios para reducir el tamaño de los archivos JS al instante.

CSS

Minificador CSS

Minifique y formatee código CSS en línea. Elimine comentarios y espacios para reducir el tamaño del archivo.

HTML

Minificador HTML

Minifique y formatee código HTML en línea. Elimine comentarios y espacios innecesarios.

HTTP

Códigos de estado HTTP

Busca códigos de estado HTTP con descripciones, casos de uso y ejemplos. Referencia completa de códigos 1xx a 5xx.

Generador de CSS Box Shadow

Genera visualmente sombras CSS box shadow con vista previa en vivo. Personaliza desplazamiento, desenfoque, expansión, color y capas múltiples.

XML

Formateador XML

Formatea, valida y minimiza documentos XML en línea. Imprime XML con sangría personalizable.

01

Conversor Texto a Binario

Convierte texto a código binario y binario a texto en línea. Soporta codificación binaria, octal, decimal y hexadecimal.

01

Conversor de bases numéricas

Convierte números entre binario, octal, decimal y hexadecimal.

🔐

Calculadora chmod

Calcula permisos de archivos Linux en notación octal y simbólica. Generador visual de comandos chmod.

{}

Generador de JSON Schema

Genera JSON Schema a partir de cualquier dato JSON. Detecta automáticamente tipos, formatos y estructuras anidadas.

IMG

Conversor Imagen ↔ Base64

Convierte imágenes a URIs de datos Base64 para incrustar en HTML y CSS. Arrastra y suelta o pega Base64 para decodificar.

📝

Conversor de HTML a Markdown

Convierte código HTML a Markdown limpio al instante. Compatible con encabezados, listas, enlaces, imágenes, bloques de código y más.

JSX

Convertidor HTML a JSX

Convierte HTML a React JSX al instante. Transforma class en className, estilos en línea en objetos y auto-cierra los elementos void.

cURL

Constructor de comandos cURL

Construye comandos cURL visualmente. Configura el método HTTP, URL, cabeceras, cuerpo de solicitud y opciones, luego copia el comando generado.

Table

Generador de tablas Markdown

Crea tablas Markdown visualmente y copia la salida formateada al instante

URL

Analizador de URL

Analiza cualquier URL en sus componentes — protocolo, nombre de host, puerto, ruta, parámetros de consulta y fragmento.

CSS

Generador CSS Flexbox

Diseña visualmente diseños CSS Flexbox y copia el código CSS generado.

Grid

Generador CSS Grid

Diseña visualmente diseños CSS Grid y copia instantáneamente el código CSS generado.

Diff

Comparador de JSON

Compara dos objetos JSON lado a lado y ve al instante qué se añadió, eliminó o cambió.

Clip

Generador CSS Clip Path

Crea formas CSS clip-path visualmente con controles arrastrables. Genera código para polígonos, círculos y elipses.

Tbl

Generador de tablas HTML

Genera código HTML de tabla limpio con filas, columnas y opciones de estilo personalizables.

CSS

Generador de animaciones CSS

Genera animaciones CSS @keyframes con vista previa en vivo y configuración personalizable de temporización, duración y easing.

CLR

Convertidor de colores

Convierte colores entre formatos HEX, RGB, HSL y HSV al instante con vista previa en vivo.

MD

Convertidor de Markdown a HTML

Convierte Markdown a HTML semántico limpio al instante. Soporta encabezados, negrita, cursiva, listas, enlaces, imágenes, bloques de código y más.

🔐

Generador de hash Bcrypt

Genera y verifica hashes de contraseñas en formato bcrypt en tu navegador usando PBKDF2-SHA256.

TS

Generador de interfaces JSON a TypeScript

Convierte objetos JSON en interfaces o aliases de tipo TypeScript al instante. Maneja objetos anidados, arrays, null y tipos mixtos.

🤖

Generador de Robots.txt

Crea un archivo robots.txt para tu sitio web con un editor visual. Controla que bots de motores de busqueda pueden rastrear tus paginas.

GIT

Generador de .gitignore

Genera archivos .gitignore para cualquier stack tecnológico. Selecciona tus lenguajes y frameworks para obtener un .gitignore listo para usar.

XML

Convertidor XML a JSON

Convierte documentos XML al formato JSON al instante. Maneja atributos, elementos anidados y arrays.

📐

Convertidor de unidades CSS

Convertir unidades CSS: px, rem, em, vh, vw, %, pt, cm, mm. Ajusta el tamaño de fuente y el viewport para resultados precisos.

⌨️

Visor de códigos de teclas

Presiona cualquier tecla para ver sus propiedades de evento de teclado JavaScript: key, code, keyCode, which, location y estados de modificadores.

SVG

Optimizador SVG

Optimiza y minifica archivos SVG eliminando metadatos, comentarios y atributos específicos de editores. Reduce el tamaño del archivo sin perder calidad visual.

#

Formateador de números

Formatea números con estilos específicos de configuración regional, moneda, separadores de grupos y decimales usando la API Intl.NumberFormat.

@

Validador de correo electrónico

Valida direcciones de correo electrónico al instante. Comprueba el formato, detecta errores tipográficos en dominios comunes y obtén un análisis detallado.

TXT

Convertidor HTML a Texto

Eliminar etiquetas HTML y convertir a texto plano. Preservar saltos de línea, decodificar entidades y extraer contenido legible de cualquier HTML.

🎨

Generador de Tonos de Color

Genere una paleta completa de tintes y sombras desde cualquier color base. 11 niveles de color inspirados en Tailwind en formato HEX, HSL o RGB.

CSS

Calculadora de especificidad CSS

Calcula y compara la especificidad de selectores CSS. Ve al instante el desglose (A,B,C), visualiza con gráficos de barras y entiende qué selector gana cuando los estilos entran en conflicto.

Generador CSS de Bordes Redondeados

Genera visualmente valores CSS border-radius con una vista previa en vivo. Controla cada esquina de forma individual o uniforme, elige unidades px o %, y copia el CSS con un clic.

CSP

Generador CSP

Genera encabezados Content Security Policy (CSP) para tu sitio web. Configura directivas con niveles de seguridad predefinidos, añade fuentes personalizadas y copia el valor completo del encabezado.

⚙️

Generador .htaccess

Genera archivos de configuración Apache .htaccess con reglas comunes para redirecciones, caché, seguridad y rendimiento. Selecciona las reglas que necesitas y copia la configuración lista para usar.

CSS

Generador de filtros CSS

Crea efectos de filtro CSS con vista previa en vivo. Ajusta desenfoque, brillo, contraste, escala de grises, rotación de tono, saturación, sepia y más — luego copia el CSS listo para usar.

YML

Validador YAML

Valida y formatea la sintaxis YAML en línea. Detecta errores al instante y embellece YAML válido con sangría correcta.

Calculadora de subred

Calcula información de subred a partir de una dirección IP y notación CIDR. Obtén la dirección de red, broadcast, rango de hosts, máscara de subred y más.

Generador de datos de prueba

Genera conjuntos de datos realistas con nombres, correos, direcciones y más. Exporta en JSON, CSV o SQL.

</>

Convertidor JSON ↔ XML

Convierta JSON a XML y XML a JSON instantáneamente en su navegador. Perfecto para integración de API y transformación de datos.

YML

Convertidor YAML ↔ JSON

Convierte YAML a JSON o JSON a YAML al instante en tu navegador. Compatible con objetos anidados, arrays y todos los tipos de datos YAML.

XML

Convertidor CSV a XML

Convierte datos CSV a formato XML al instante. Personaliza los nombres de las etiquetas raíz y de fila, maneja campos entre comillas y caracteres especiales.

Git

Generador de comandos Git

Una referencia completa de comandos Git y generador. Filtra por categoría, busca lo que quieres hacer, completa los parámetros y copia el comando listo para ejecutar.

px

Conversor px ↔ rem/em

Convierte valores CSS en píxeles a unidades rem y em, y viceversa. Incluye tabla de referencia.

🔐

Cifrar / Descifrar texto

Cifra y descifra texto con AES-256-GCM directamente en tu navegador. Ningún dato se envía al servidor.

SQL

JSON a SQL

Convierte datos JSON en sentencias SQL INSERT al instante. Compatible con MySQL, PostgreSQL, SQLite y SQL Server con generación opcional de CREATE TABLE.

🔑

Codificador JWT

Crea JSON Web Tokens (JWT) firmados con claims de payload personalizados. Firma completamente en tu navegador con HS256 (HMAC-SHA256).

🖋

Formateador HTML

Embellece y formatea HTML con sangría adecuada. Soporta sangría de 2 espacios, 4 espacios o tabulador, y ajuste de atributos.

$.[]

Probador de JSONPath

Evalúa expresiones JSONPath sobre datos JSON en tiempo real. Admite filtros, slices, comodines y descenso recursivo.

Generador de triángulos CSS

Genera triángulos puramente en CSS usando el truco de los bordes. Elige dirección, tamaño y color, y copia el CSS al instante.

🔗

Generador de UTM

Crea URL de campaña rastreables con utm_source, utm_medium, utm_campaign y más — completamente del lado del cliente.

Generador CSS cubic-bezier

Diseña visualmente curvas de easing CSS cubic-bezier con un editor de puntos de control arrastrables y vista previa de animación en vivo.

🪟

Generador de glassmorphism CSS

Crea paneles UI tipo vidrio esmerilado con vista previa en vivo sobre cuatro fondos. Genera CSS compatible entre navegadores con el truco de saturate() que hace que el vidrio luzca premium.

Generador de Loaders CSS

Crea loaders y spinners CSS animados sin una sola línea de JavaScript. Seis estilos, color, tamaño y velocidad personalizables — copia el HTML + CSS directamente en tu proyecto.

T

Generador de Texto con Contorno CSS

Crea efectos de texto con contorno usando -webkit-text-stroke. Vista previa en vivo con relleno transparente, sólido o degradado, además de sombra opcional. Copia el CSS en un clic.