Conversor de PX a REM
Convierte píxeles CSS y rem según el tamaño de la fuente raíz.
REM
REM: 1,5 rem
- Puntos
- 18 pt
- Porcentaje del tamaño raíz
- 150 %
Cómo funciona
Un rem equivale al tamaño de fuente del elemento raíz html, que por defecto es de 16 px en los navegadores. Dividir un valor en píxeles entre el tamaño raíz da rem; multiplicar rem por el tamaño raíz da píxeles.
Em funciona igual, pero es relativo al tamaño de fuente del elemento padre, así que equivale a rem solo cuando el padre usa el tamaño raíz.
En CSS, 1 px se define como 1/96 de pulgada y 1 pt como 1/72 de pulgada, así que 1 px = 0.75 pt.
Fórmula
rem = px ÷ tamaño raíz px = rem × tamaño raíz pt = px × 0.75
Ejemplo resuelto
Con la raíz por defecto de 16 px, 24 px son 24 ÷ 16 = 1.5 rem, que equivalen a 18 pt y al 150% del tamaño raíz.
Preguntas frecuentes
¿Por qué usar rem en lugar de px?
Los tamaños en rem se escalan cuando el usuario cambia el tamaño de fuente predeterminado del navegador, lo que ayuda a la accesibilidad.
¿Cuál es la diferencia entre rem y em?
Rem es relativo al elemento raíz; em es relativo al elemento padre del elemento actual, así que los valores em anidados se acumulan.