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.

Cargando…
Conversor PX / REM / EM
Pega una longitud CSS en px, rem o em y obtén las tres unidades a la vez, más una tabla de referencia en vivo de valores px comunes. Tamaño de fuente base personalizable, URL compartible.

Notas para desarrolladores

Aritmética pura, sin biblioteca de color ni de 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 y local

¿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, como simplifican em la mayoría de las calculadoras. No es un em real que dependa del contexto del elemento padre.

¿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?

Lista 25 valores px comunes, de 0 a 128, según la escala de espaciado de Tailwind. Los equivalentes rem y em se actualizan en vivo con tu tamaño de fuente base y tu precisión.

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