Escribe un número, elige en qué unidad está (px, rem o em), define el tamaño de fuente base y presiona Ejecutar: se calculan las tres unidades juntas y se agregan a la lista.

¿Cuál es la diferencia entre rem y em?

rem siempre se mide desde la raíz del documento (el elemento html), mientras que em se mide desde el elemento padre inmediato. Eso hace que rem sea predecible, mientras que em se va acumulando a medida que los elementos se anidan. Esta herramienta usa para las dos el tamaño de fuente base que escribes, así que puedes compararlas de frente.

¿Por qué la base es 16px?

La mayoría de los navegadores fija el tamaño de fuente del documento en 16px, así que ese es el valor por defecto aquí. Si tu proyecto usa otro tamaño raíz, pon ese. Y como em viene del padre, usa el tamaño del padre cuando quieras que coincida con una página real.

Conversor px ↔ rem ↔ em (unidades CSS)

Conversor px ↔ rem ↔ em

Convierte entre px, rem y em según un tamaño de fuente base: 24px son 1.5rem. Útil cuando cambias de unidad en un diseño responsive.

Escribe un valor y una unidad, y presiona Ejecutar —
los resultados se juntan aquí.

Ajustes

Valor

Unidad

Tamaño de fuente base (px)

Los navegadores suelen usar 16px por defecto. Como em se mide desde el elemento padre, pon aquí el tamaño de fuente del padre para que coincida con una página real.

Conversor px ↔ rem ↔ em

Ajustes

Preguntas frecuentes

Conversor px ↔ rem ↔ em

Ajustes

Preguntas frecuentes

Conversor px ↔ rem ↔ em

Ajustes

Herramientas relacionadas

Preguntas frecuentes

Conversor px ↔ rem ↔ em

Ajustes

Herramientas relacionadas

Preguntas frecuentes