Herramientas para desarrollo web
Utilidades gratuitas para desarrollar, probar, formatear y optimizar HTML, CSS, JavaScript y datos web directamente en tu navegador.
Herramientas disponibles
Generador de degradados CSS
Creá degradados CSS lineales o radiales con vista previa en vivo y copiá el código.
Generador de Border Radius CSS
Ajustá visualmente cada esquina y copiá una declaración border-radius lista para usar.
Flexbox Playground
Probá dirección, alineación, distribución, wrap y gap de Flexbox visualmente.
CSS Grid Playground
Generá una cuadrícula CSS con columnas, filas y gaps configurables y vista previa inmediata.
Conversor HEX, RGB y HSL
Convertí colores entre HEX, RGB y HSL con validación y vista previa inmediata.
Selector de colores online
Elegí un color visualmente, copiá HEX, RGB o HSL y compará su contraste con blanco y negro.
Formateador HTML online
Formateá HTML con sangría consistente mediante un parser y descargá el resultado localmente.
Codificador y decodificador Base64
Codificá texto Unicode a Base64 o decodificalo correctamente mediante UTF-8.
Codificador y decodificador de URL
Codificá y decodificá componentes de URL con percent encoding y soporte Unicode.
Generador de UUID
Generá entre 1 y 100 UUID v4 seguros localmente mediante Web Crypto.
Editor HTML, CSS y JavaScript online
Escribí HTML, CSS y JavaScript y comprobá el resultado en una vista previa aislada dentro de tu navegador.
Formateador y validador JSON
Validá, formateá o minificá JSON localmente, compará tamaños y descargá el resultado.
Minificador de CSS
Minificá y comprimí CSS con un parser confiable, compará el tamaño y descargá el archivo .css.
Minificador de JavaScript
Minificá JavaScript moderno de forma local con análisis sintáctico y descargá el archivo .js.
Generador de sombras CSS
Creá una sombra box-shadow visualmente, ajustá cada valor y copiá el CSS listo para usar.
Probador de Regex online
Probá expresiones regulares, flags y coincidencias sobre texto directamente en tu navegador.
Conversor Unix Timestamp
Convertí timestamps Unix en segundos o milisegundos a fechas UTC y locales, y viceversa.
Generador de Meta Tags
Generá el título, la meta descripción, la URL canónica y las directivas para buscadores de tu página. Obtené el código HTML listo para copiar.
Vista previa Open Graph
Simulá una tarjeta social aproximada y generá etiquetas Open Graph sin consultar plataformas externas.
Conversor Markdown a HTML
Convertí Markdown a HTML con preview aislada y soporte para títulos, listas, enlaces y código.
Codificador y decodificador de entidades HTML
Codificá caracteres especiales como entidades HTML o decodificalos de forma segura como texto.
Generador de robots.txt
Creá reglas Allow y Disallow y agregá un sitemap con advertencias técnicas claras.
Generador de sitemap.xml
Pegá URLs y generá un sitemap XML válido con escaping, lastmod y detección de duplicados.
Mostrando 1–23 de 23 herramientas
Utilidades para código y datos web
Formateadores y minificadores ayudan en momentos distintos: los primeros facilitan leer y revisar código, mientras que los segundos reducen caracteres innecesarios antes de publicar. También podés validar JSON, probar expresiones regulares y transformar datos con Base64 o codificación URL.
Los playgrounds permiten comprobar HTML, CSS y JavaScript de forma aislada. Las herramientas de color y CSS sirven para preparar valores concretos sin reemplazar la revisión final en los navegadores que necesites soportar.
SEO técnico para desarrolladores
Los generadores de meta tags, Open Graph, robots.txt y sitemap.xml ayudan a preparar archivos y etiquetas, pero conviene revisar cada resultado según la estructura y las reglas reales del sitio antes de publicarlo.
Cuando una herramienta indica procesamiento local, el contenido se transforma en el navegador y no se envía a Utilsha. Los previews que ejecutan código se mantienen aislados mediante un iframe con restricciones.