px to rem
Convierte valores CSS de px a rem y muestra una tabla de referencia
Acerca de px to rem
Convierte valores CSS de px a rem y de rem a px con un tamaño de fuente raíz que puedes cambiar (16px por defecto), y redondea los resultados a cuatro decimales. Una tabla de referencia muestra 21 tamaños habituales, de 4px a 128px, y se recalcula cada vez que cambias la base. Útil para pasar los valores en píxeles de un diseño a tipografía y espaciados escalables basados en rem.
Categoría: Conversores.
Preguntas frecuentes
¿Cuál es la diferencia entre px y rem?
▾
px es una unidad absoluta — 16px siempre son 16px. rem (em raíz) es relativo al tamaño de fuente raíz (típicamente 16px). 1rem = 16px por defecto, 1.5rem = 24px. El zoom del navegador escala ambas unidades, pero solo rem sigue el tamaño de fuente predeterminado que configura el usuario.
¿Por qué usar rem en lugar de px?
▾
rem respeta la configuración de tamaño de fuente del navegador del usuario. Los usuarios que configuran su navegador con un tamaño de fuente más grande por accesibilidad se benefician de los diseños basados en rem. Los valores en px, en cambio, se mantienen fijos.
¿Qué pasa si mi tamaño de fuente raíz no es 16px?
▾
Ingresa tu tamaño de fuente raíz personalizado en la herramienta. Muchos sistemas de diseño configuran html { font-size: 62.5% } (10px) para que 1rem = 10px y facilitar el cálculo mental.
¿Sirve también para calcular valores em?
▾
Sí, con un ajuste. em es relativo al tamaño de fuente del elemento padre y no al de la raíz, así que ingresa el tamaño de fuente del padre como base y lee el resultado en rem como em.