Herramientas gratuitas para desarrolladores
Generadores, conversores y formateadores que funcionan 100% en tu navegador. Sin registro, sin instalar nada.
Ver herramientasCSS y Diseño Visual
♿
Comprobador de contraste de color WCAG
Comprueba si el contraste entre tu texto y el fondo cumple los niveles de accesibilidad WCAG AA y AAA. Elige los colores y compruébalo al instante.
◐
Conversor de color HEX RGB HSL
Convierte un color entre HEX, RGB y HSL al momento. Escribe un valor o elígelo con el selector y copia el formato que necesites.
↔
Conversor de px a rem y em
Convierte unidades CSS entre px, rem y em ajustando el tamaño base, con tabla de equivalencias. Escribe un valor y listo.
✨
Formatear CSS online
Convierte un CSS minificado o desordenado en código legible e indentado. La herramienta inversa al minificador.
●
Generador de botones CSS
Diseña un botón CSS con vista previa en vivo (color, bordes, sombra y hover) y copia el código listo para usar en tu web.
❄
Generador de glassmorphism CSS
Crea el efecto cristal esmerilado en CSS con vista previa en vivo: desenfoque, transparencia, borde y saturación. Copia el código.
☁
Generador de text-shadow CSS
Crea sombras de texto en CSS con vista previa en vivo: desplazamiento, desenfoque, color y opacidad. Copia el código y listo.
✦
Herramientas CSS Gratis: Gradientes, Bordes, Sombras y Textura (alternativa a CSS Matic)
Genera gradientes, bordes redondeados, sombras y texturas CSS en vivo y copia el código al instante. Cuatro herramientas gratis en una.
✂
Minificar CSS online
Comprime tu CSS eliminando comentarios y espacios para que tu web cargue más rápido. Mira cuánto ahorras y copia el resultado.
Conversores y Codificadores
☰
Codificar y decodificar Base64
Codifica y descodifica texto en Base64 al instante, con soporte para acentos y UTF-8. Todo en tu navegador, sin enviar datos.
▸
Codificar y decodificar URL
Codifica y descodifica URLs al instante (percent-encoding). Convierte espacios y caracteres especiales para tus enlaces y parámetros.
⚡
Conversor a WebP
Convierte tus imágenes JPG y PNG a WebP y reduce su peso sin perder calidad. Ajusta la calidad y descarga, todo en tu navegador.
⏱️
Conversor de timestamp Unix
Convierte un timestamp Unix a fecha y una fecha a timestamp, con hora local y UTC. Incluye el timestamp actual en tiempo real.
▦
Convertir imagen a Base64
Convierte una imagen a Base64 y obtén el código para CSS o HTML (data URI). Todo en tu navegador, sin subir la imagen.
»
Escapar y desescapar HTML
Convierte HTML a entidades y al revés. Escapa los caracteres especiales para mostrar código en tu web sin que el navegador lo interprete.
Generadores de Código y Configuración
⚙
Generador de .htaccess
Crea tu archivo .htaccess marcando opciones: forzar HTTPS, www, redirecciones 301, caché, Gzip y seguridad. Copia y listo.
✱
Generador de contraseñas seguras
Crea contraseñas seguras y aleatorias en tu navegador. Ajusta la longitud y los caracteres, y cópialas con un clic.
▄
Generador de enlaces UTM
Crea enlaces con parámetros UTM para medir en Google Analytics de dónde viene cada visita. Rellena, copia y comparte.
#️⃣
Generador de hash SHA
Calcula el hash SHA-1, SHA-256, SHA-384 y SHA-512 de cualquier texto al instante, con la API criptográfica de tu navegador.
✎
Generador de Lorem Ipsum
Genera texto Lorem Ipsum por párrafos, frases o palabras al instante. Texto de relleno listo para tus maquetas y diseños.
▧
Generador de meta tags y Open Graph
Crea las meta etiquetas SEO, Open Graph y Twitter Card de tu página rellenando unos campos. Copia el bloque listo para el head.
◉
Generador de robots.txt
Crea tu archivo robots.txt con plantillas, reglas para WordPress y sitemap. Elige, ajusta y copia el resultado.
❉
Generador de salts de WordPress
Genera las claves de seguridad de wp-config.php de forma aleatoria y segura. Ideal para reforzar tu WordPress o cerrar el paso tras un ataque.
✐
Generador de slug (URL amigable)
Convierte cualquier título en una URL amigable: quita acentos, eñes y símbolos, y los sustituye por guiones. Ideal para WordPress.
◆
Generador de UUID v4
Genera identificadores únicos UUID v4 en lote, con opciones de formato (mayúsculas, llaves, sin guiones). Copia uno o todos.
Ver todas las herramientas de Generadores de Código y Configuración →
Formateadores, Validadores y Texto
#
Contador de palabras y caracteres
Cuenta palabras, caracteres, frases y párrafos al instante, con tiempo de lectura estimado. Escribe o pega tu texto y listo.
{}
Formateador y validador de JSON
Formatea, valida y minifica JSON al instante. Detecta errores de sintaxis y copia el resultado, sin que tus datos salgan del navegador.
▾
Minificar HTML online
Comprime tu HTML eliminando comentarios y espacios sobrantes, respetando el contenido de pre, textarea, script y style.
Ver todas las herramientas de Formateadores, Validadores y Texto →
BitácoraWeb reúne herramientas gratuitas para desarrollo web: generadores de código, conversores de unidades y formato, y utilidades para CSS, HTML y WordPress. Todo funciona en tu navegador, sin instalar nada ni crear una cuenta.
Preguntas frecuentes
¿Son gratis todas las herramientas de BitácoraWeb?
Sí, todas las herramientas son gratuitas y no requieren registro.
¿Mis datos están seguros al usar las herramientas?
Sí, todas las herramientas funcionan 100% en tu navegador, sin enviar datos a servidores externos.
¿Funcionan las herramientas en el móvil?
Sí, todas las herramientas son responsive y funcionan en móvil, tablet y escritorio.
