Herramientas
Conversor de PX a REM
Convierte píxeles a rem y rem a píxeles según el tamaño de letra base de tu web.
Sobre esta herramienta
Esta herramienta convierte medidas en píxeles a rem, y al revés, a partir del tamaño de letra raíz de tu web. Es útil cuando maquetas en CSS con unidades relativas: pasas a rem los tamaños que te llegan del diseño en píxeles, respetas la configuración de letra del navegador y mantienes una escala coherente en márgenes, tipografía y espaciados.
Escribe el tamaño base en el campo «Tamaño de letra base» (16 px por defecto). Después introduce los píxeles y verás el valor en rem al momento. Con el botón de las flechas inviertes el sentido para pasar de rem a píxeles. Cada resultado tiene un botón para copiarlo con su unidad, y en la «Referencia rápida» puedes pulsar cualquier valor habitual, de 8 a 48 px, para cargarlo.
El cálculo es una simple división que se hace en tu navegador: no se envía nada a ningún servidor ni hace falta registrarse. Los rem se redondean a cuatro decimales y los píxeles a dos. La herramienta no lee tu hoja de estilos ni convierte archivos CSS completos; está pensada para consultas rápidas mientras escribes código.
Preguntas frecuentes
¿Cuántos píxeles son 1 rem?
Depende del tamaño de letra del elemento raíz (html). Por defecto, los navegadores usan 16 px, así que 1 rem equivale a 16 px, salvo que el usuario o tu CSS lo cambien.
¿Cómo se pasa de px a rem?
Divide los píxeles entre el tamaño base. Con base 16, 24 px son 24 / 16 = 1,5 rem.
¿Qué diferencia hay entre rem y em?
El rem se calcula siempre respecto a la letra del elemento raíz; el em, respecto a la del elemento padre. Por eso el rem es más predecible cuando anidas componentes.
¿Por qué usar rem en lugar de píxeles?
Porque respeta el tamaño de letra que la persona haya elegido en su navegador. Si lo amplía, todo lo definido en rem crece en proporción, lo que mejora la accesibilidad.