Conversor PX / REM / EM
Pega una longitud en px, rem o em y ve las tres unidades a la vez, calculadas sobre un tamaño de fuente base personalizable. Convertido en tu navegador — nunca se envía.
Notas para desarrolladores
• Aritmética pura — sin librería de color ni unidades, a diferencia de la dependencia colorjs.io del Conversor de colores. • rem y em comparten el mismo baseFontSize; es una simplificación, no un em real de contexto de padre por elemento. • px siempre se muestra como entero; la precisión solo afecta a los decimales de rem/em. • Un número solo sin sufijo de unidad se trata como px. • Los 25 valores px de la tabla de referencia son fijos en v1 y se recalculan en vivo según baseFontSize/precisión.
Opciones
- Tamaño de fuente base — El tamaño de fuente raíz en px sobre el que se calculan rem y em. Recalcula el resultado pegado y cada fila de la tabla de referencia. Por defecto 16 (el valor predeterminado del navegador/CSS).
- Precisión — Decimales mostrados en los valores rem/em calculados, tanto en el resultado pegado como en la tabla de referencia. No se aplica a px, siempre un entero. Por defecto 2.
- Tabla de referencia — Muestra u oculta la tabla de referencia rápida de 25 valores px comunes con sus equivalentes rem/em en vivo. Activada por defecto.
Herramientas CSS relacionadas
Hub: Herramientas de color y CSS. Convierte colores con Conversor de colores, comprueba el contraste con Comprobador de contraste WCAG, o reduce y formatea hojas de estilo con Minificar CSS y Embellecer CSS.
FAQ del Conversor PX / REM / EM
Conversor de longitud universal, local al pegar
¿Qué formatos de longitud puedo pegar?
Un valor en px, rem o em, o un número solo (tratado como px). Ninguna otra unidad CSS (%, vw, vh, pt, ch) es compatible en v1.
¿En qué se diferencia em de rem aquí?
En nada — em comparte el mismo baseFontSize personalizable que rem, tal como simplifican em la mayoría de las calculadoras dedicadas. No es un em real de contexto de padre por elemento.
¿Se suben mis valores a algún sitio?
No. La conversión es aritmética pura que se ejecuta enteramente en tu navegador. FastMinify nunca envía la longitud pegada a un servidor.
¿Qué muestra la tabla de referencia?
Un conjunto fijo de 25 valores px comunes (de 0 a 128, siguiendo la escala de espaciado de Tailwind) con sus equivalentes rem y em en vivo según tu tamaño de fuente base y precisión actuales.
Herramientas color y CSS
Comprobación de contraste WCAG pegada localmente con sintaxis de color CSS moderna — vistas de par y matriz, nunca se sube.
Explorar otras categorías de herramientas
Minificar
Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.
Desminificar
Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.
Conversión
Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.
Codificación
Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.
Serialización
Serializa y deserializa estructuras PHP junto a los flujos JSON.
Herramientas JSON
Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.
Herramientas SVG
Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.
Embellecer
Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.
Preprocesadores CSS
Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.
DevOps e Infra
Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.
CI/CD
GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.
Logs y observabilidad
JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.
Kubernetes
Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.
Red / IP
CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.
Seguridad y tokens
JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.
API y esquemas
Herramientas OpenAPI para formatear, validar y analizar tus specs.
Herramientas HTTP
cURL, mensajes HTTP, URLs, HAR y Cookie / Set-Cookie pegados en el navegador — formatear e inspeccionar, nunca se envían.
Utilidades para desarrolladores
Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.
Texto y Markdown
Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.
IA y LLM
Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.
Datos de prueba
Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.