Fast Text Format Tools
La colección definitiva de utilidades ultrarrápidas para formatear, convertir y agilizar su flujo de trabajo.
Favoritos
Usados recientemente
Añadidos recientemente
Texto y Comparación
Conversores
Convierte mayúsculas/minúsculas, codificación de URL y decodificación Base64 al instante.
Codificador / Decodificador
Codifique y decodifique varios formatos como URL, Base64 y entidades HTML.
Ordenador de Listas y Deduplicador
Ordene matrices de texto alfabéticamente, numéricamente o por longitud al instante y elimine líneas duplicadas.
Reemplazo Regex
Ejecuta expresiones regulares, mira coincidencias en vivo y usa hojas de trucos.
Diferencias
Compara dos bloques de texto uno al lado del otro para resaltar las diferencias.
Estadísticas de Texto
Cuenta palabras, caracteres, oraciones, estima el tiempo de lectura y verifica la densidad de palabras clave.
Traductor
Traduce texto instantáneamente entre docenas de idiomas.
Código y Formato
Base64 a archivo
Decodifica cadenas Base64 o Data URI en archivos descargables (imágenes, PDF, documentos, audio) con vista previa instantánea.
Embellecedor
Embellece, valida y minifica tu código JSON, JavaScript, CSS y HTML en una sintaxis limpia y legible.
Formato CSS
Formatea, embellece, valida y minifica código CSS con sangría personalizada.
Generadores visuales CSS
Genera y exporta visualmente código CSS para sombras de caja, degradados, Flexbox y cuadrículas Grid.
CSV a JSON/SQL
Convierte datos CSV a matrices JSON o sentencias SQL INSERT.
cURL a Fetch
Convierta fácilmente comandos cURL en código JavaScript Fetch API.
HTML / XML
Embellece, minifica y limpia código desordenado al instante.
HTML a JSX
Herramienta en el cliente para transformar etiquetas/atributos HTML en JSX compatible con React.
HTML a Tailwind CSS
Convierta estilos en línea estándar y declaraciones CSS en clases de utilidad Tailwind CSS con vista previa.
Ofuscador JS
Transforma código JavaScript legible en código ofuscado y minificado para proteger la lógica.
JSON a Código
Convierta objetos JSON en modelos tipificados para varios lenguajes.
Visor de Árbol JSON
Inspeccione, expanda, contraiga, busque y filtre cargas JSON complejas con visor visual de rutas.
Markdown
Escribe markdown sin formato con una vista previa HTML en vivo.
Visor de Source Map
Herramienta en el cliente para subir archivos .map y desminificar seguimientos de pila.
Formateador SQL
Embellece y formatea consultas SQL desordenadas.
Escape y desescape de cadenas
Escape (y desescape) de forma segura comillas, barras invertidas y saltos de línea para JSON, SQL, HTML y Java/C#.
Optimizador SVG
Minificar y limpiar código SVG.
SVG a PNG/WEBP
Herramienta en el cliente que usa canvas para rasterizar código o archivos SVG en imágenes descargables.
Utilidades XML
Formatear y minificar cadenas XML.
YAML <-> JSON
Convierte instantáneamente entre YAML y JSON.
Datos y Criptografía
Bcrypt Hash
Genera y verifica contraseñas Bcrypt localmente.
Tiempo Epoch
Convierte marcas de tiempo en fechas legibles.
Generador de Hashes
Calcula hashes criptográficos MD5, SHA-1, SHA-256 y SHA-512.
Decodificador JWT
Analiza de forma segura tokens web JSON en datos de encabezado y carga útil formateados.
Generador HMAC
Calcule y verifique firmas criptográficas HMAC utilizando SHA-256, SHA-512, MD5 y claves secretas.
Generadores y Utilidades
Arte ASCII
Genere grandes banners de texto ASCII.
Generador de Códigos de Barras
Herramienta en el cliente que usa canvas para generar códigos de barras lineales (UPC, EAN, Code39).
Calculadora CHMOD
Calcule los permisos de archivos de Linux fácilmente.
Contraste de color
Compruebe la accesibilidad del contraste de color WCAG.
Formato de color
Convierte instantáneamente códigos de color HEX, RGB y HSL.
Decodificador Cron
Traduce horarios cron a texto legible.
Generador de Favicon
Convierte imágenes estándar en archivos .ico universalmente compatibles y genera tamaños estándar de iconos para aplicaciones web.
Imagen Base64
Convierte archivos de imagen en cadenas Data URI Base64 y propiedades CSS background-image.
Compresor de imágenes
Comprime y optimiza imágenes JPEG, PNG, WEBP y AVIF localmente en tu navegador.
Generador de tablas de rebajas
Un editor de cuadrícula visual que permite a los usuarios agregar fácilmente filas/columnas y genera instantáneamente una sintaxis de tabla Markdown perfectamente formateada.
Generador de Meta Tags y Open Graph
Genera y previsualiza visualmente etiquetas meta SEO, Twitter Cards y etiquetas Facebook Open Graph.
Generador de datos simulados
Genere cientos de filas de datos de prueba falsos (nombres, correos electrónicos, direcciones, fechas, tarjetas de crédito) y expórtelos como declaraciones CSV, JSON o SQL INSERT para pruebas de bases de datos.
Gen. de Contraseñas
Crea contraseñas seguras y fuertes utilizando algoritmos criptográficos.
Herramientas PDF
Une, divide, extrae, rota y reordena páginas PDF 100% localmente en tu navegador.
Texto de Relleno
Crea texto de marcador de posición aleatorio para maquetas de interfaz de usuario.
Código QR
Cree códigos QR escalables y escaneables a partir de texto o URL.
Probador y constructor de expresiones regulares
Pruebe expresiones regulares con resaltado de grupos de captura y coincidencia en tiempo real, desglose de explicaciones de sintaxis y modos de prueba de cadenas múltiples.
Generador de Robots.txt
Cree reglas válidas de robots.txt, directivas de rastreadores y bloquee scrapers de IA.
UUID / GUID
Genera instantáneamente identificadores únicos universales (v4).
Generador de Sitemap XML
Construya mapas de sitio XML válidos con URLs personalizadas, frecuencias de cambio y prioridades para motores de búsqueda.
Finanzas y Unidades
Conv. de Moneda
Calcula tipos de cambio globales en tiempo real.
Conv. de Unidades
Convierte instantáneamente longitud, peso, temperatura y almacenamiento de datos.
Redes
Búsqueda de DNS
Comprueba registros DNS en tiempo real.
Visor de Cabeceras HTTP
Mira las cabeceras de petición HTTP enviadas por tu navegador.
Test de Velocidad
Prueba tu velocidad de conexión de descarga y subida.
Búsqueda de IP
Busca direcciones IP y datos de geolocalización.
Búsqueda de Proveedor MAC
Identifica proveedores de hardware a partir de direcciones MAC.
Consulta RDAP
Consulta datos de registro de dominios e IP, registrador, servidores DNS y estado DNSSEC mediante RDAP.
Rastreo de redirecciones y enlaces
Desenmascara URLs acortadas y rastrea cadenas completas de redirección HTTP 301/302 hasta su destino final.
Inspector de Certificados SSL
Inspecciona certificados SSL/TLS en vivo, cadenas de emisores, cuenta atrás de vencimiento, dominios SAN y huellas digitales.
Calculadora de Subred
Calcula máscaras de red CIDR y rangos de IP.
Analizador URL
Extrae y construye cadenas de consulta de URL fácilmente.
Analizador de User-Agent
Extrae información del SO y navegador de cadenas User-Agent.
Probador de Webhooks
Envíe, pruebe y depure entregas de webhooks con encabezados personalizados, firmas HMAC e inspección de respuestas en vivo.
Generadores visuales CSS
Genera y exporta visualmente código CSS para sombras de caja, degradados, Flexbox y cuadrículas Grid.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}Cómo usar
Selecciona un modo generador (Sombra de caja, Degradado, Flexbox o Cuadrícula Grid). Personaliza los parámetros con controles deslizantes y copia el código CSS generado.
Preguntas frecuentes
¿Cómo funciona CSS Box Shadow y qué significa cada parámetro?
La propiedad box-shadow de CSS adjunta una o más sombras paralelas al marco de un elemento. Los parámetros especifican el desplazamiento horizontal (X), el desplazamiento vertical (Y), el radio de desenfoque (qué tan suave o difuso aparece el borde de la sombra), el radio de extensión (cuánto se expande o encoge la sombra), el color de la sombra (generalmente rgba semitransparente) y una palabra clave opcional 'insertar' para representar la sombra dentro del contenedor.
¿Por qué debería utilizar varias capas de sombras de cuadros para obtener sombras de interfaz de usuario realistas?
Las sombras del mundo real consisten tanto en luz ambiental como en luz direccional directa. La superposición de una sombra densa, ligeramente más oscura, con una sombra expansiva, suave y de baja opacidad crea una elevación y profundidad naturales sin que parezca turbia o artificial.
¿Cuál es la diferencia entre degradados lineales y radiales en CSS?
Los degradados lineales cambian los colores a lo largo de un eje direccional recto definido por grados o palabras clave (por ejemplo, 135 grados o "abajo a la derecha"). Los degradados radiales emergen hacia afuera desde un único punto de origen en un patrón circular o elíptico, creando transiciones de color esféricas o de foco.
¿Cuándo debería utilizar CSS Flexbox frente a CSS Grid?
Flexbox es un sistema de diseño unidimensional ideal para organizar elementos en una sola fila o columna (como barras de navegación, grupos de botones y alineaciones de barras de herramientas). CSS Grid es un sistema de diseño bidimensional diseñado para estructuras complejas de páginas web, diseños de paneles de varias columnas y alineaciones estrictas de cuadrículas.
¿Cuál es la diferencia entre justificar contenido y alinear elementos en Flexbox?
justify-content controla la distribución de elementos flexibles a lo largo del eje principal (horizontal cuando la dirección flexible es fila; vertical cuando es columna). align-items controla el posicionamiento de los elementos a lo largo del eje transversal (perpendicular al eje principal).
¿Cómo crea repetir(auto-fit, minmax(...)) cuadrículas responsivas sin consultas de medios?
La palabra clave de ajuste automático indica al contenedor de cuadrícula que ajuste tantas columnas como sea posible según el ancho actual del contenedor. La función minmax(200px, 1fr) garantiza que cada columna nunca se reduzca por debajo de 200px, sino que se expanda proporcionalmente para ocupar el espacio disponible restante.
¿Cuál es la propiedad de espacio en los diseños CSS modernos?
La propiedad de espacio define un espacio consistente entre filas y columnas en diseños Flexbox y Grid. Reemplaza los márgenes negativos y los márgenes obsoletos, y no agrega espacio en el perímetro exterior del contenedor.
¿Los estilos CSS generados son compatibles con todos los navegadores web modernos?
Sí. Los modernos CSS box-shadow, gradientes lineales/radiales, Flexbox y CSS Grid tienen soporte universal en los navegadores Chrome, Firefox, Safari, Edge, iOS Safari y Android sin necesidad de prefijos de proveedores heredados como -webkit- o -moz-.
¿Cómo determinan el crecimiento flexible y la contracción flexible el tamaño del artículo?
flex-grow especifica cuánto del espacio positivo restante del contenedor debe absorber un elemento en relación con sus hermanos. flex-shrink determina la velocidad a la que se comprime un artículo cuando el espacio del contenedor es insuficiente.
¿Puedo usar el CSS exportado en proyectos React, Vue, Svelte o Tailwind?
Sí. Las reglas CSS exportadas se pueden pegar directamente en archivos CSS estándar, módulos CSS, componentes con estilo o traducir a clases arbitrarias de utilidad Tailwind (por ejemplo, sombra-[...], bg-[linear-gradient(...)]).
No se encontraron resultados
Intenta ajustar tus términos de búsqueda.