Conversor de PX a REM
Convierte entre px y rem para tu CSS, según un tamaño de fuente base (16px por defecto). Cambia el sentido en cualquier dirección y copia el resultado con su unidad.
Cómo usarlo
Introduce un valor y el tamaño de fuente base de tu proyecto (los navegadores usan 16px por defecto). En modo PX→REM divide por el tamaño base; en modo REM→PX multiplica — la misma operación que hace el navegador al renderizar rem.
Usar rem en vez de px para tamaños de fuente y espaciado hace que el diseño escale con el ajuste de tamaño de fuente del navegador del usuario, mejor para la accesibilidad y el diseño responsive.
Preguntas frecuentes
¿Qué diferencia hay entre px y rem?
Un px es un píxel fijo. Un rem es relativo al tamaño de fuente del elemento raíz — si es 16px, 1rem = 16px, 1.5rem = 24px. Como rem escala con la preferencia del usuario, se prefiere para una tipografía accesible y responsive.
¿Qué tamaño de fuente base debo usar?
La mayoría de navegadores usan 16px por defecto, así que esa es la base habitual salvo que tu CSS defina `html { font-size: … }`. Si lo has cambiado, introdúcelo aquí para que la conversión coincida.
¿Qué diferencia hay entre rem y em?
rem siempre es relativo al tamaño de fuente raíz, así que es predecible. em es relativo al del elemento padre, así que se acumula al anidar. Esta herramienta convierte px↔rem.
¿Se envía algo a un servidor?
No — es aritmética simple ejecutada por completo en tu navegador.