Conversor de Pixel a REM/EM
Convierte px a rem y em para CSS, con tamaño de fuente raíz y padre ajustables — porque rem y em no dependen de lo mismo.
REM siempre es relativo al tamaño de fuente del elemento raíz (<html>). EM es relativo al tamaño de fuente propio del elemento actual, que puede ser diferente en cada lugar donde se use. Ajusta el tamaño superior de arriba para ver cómo cambia el resultado de EM independientemente de REM.
Instantáneo y en vivo
Cada unidad se actualiza mientras escribes, sin botón "Convertir" ni esperas.
REM y EM se mantienen separados
Entradas independientes para el tamaño de fuente raíz y superior, ya que no son lo mismo.
Privado por diseño
Se ejecuta completamente en tu navegador. Nunca se sube ni se registra nada.
Convertir PX a REM y EM en línea
Con el tamaño de fuente raíz predeterminado de 16px, 16px equivale a 1rem. El convertidor de CurePDF calcula rem y em a partir de un valor en píxeles (o convierte en la dirección contraria), usando el tamaño de fuente raíz y superior que especifiques, ya que no todos los sitios usan el valor predeterminado del navegador.
Cómo funciona la conversión de PX a REM
Ejemplos resueltos (raíz de 16px): 16px / 16 = 1rem. 20px / 16 = 1,25rem. 24px / 16 = 1,5rem.
REM frente a EM: no son lo mismo
REM siempre es relativo al tamaño de fuente del elemento raíz <html> — un único valor para toda la página. EM es relativo al tamaño de fuente propio del elemento actual, que puede ser diferente en cada nivel de contenido anidado. Eso significa que el mismo valor en píxeles puede convertirse en un valor EM diferente según dónde se use, mientras que siempre se convierte al mismo valor REM.
¿Por qué usar REM en lugar de píxeles en CSS?
Los valores REM se escalan automáticamente cuando un usuario cambia el tamaño de fuente base de su navegador en la configuración de accesibilidad, mientras que los valores fijos en píxeles no lo hacen. Eso hace que rem sea una opción predeterminada más accesible para el tamaño del texto, y em se reserva para los casos en que un tamaño realmente debería escalar con su elemento superior (como un relleno que debería crecer con el tamaño de fuente de un botón).
Preguntas frecuentes
¿Cuánto es 16px en rem?
Con el tamaño de fuente raíz predeterminado de 16px, 16px equivale a 1rem. La fórmula es rem = px / tamaño de fuente raíz.
¿REM es lo mismo que EM?
No. REM siempre es relativo al tamaño de fuente del elemento raíz (html). EM es relativo al tamaño de fuente del propio elemento actual, que puede variar en cada nivel de contenido anidado — por lo que el mismo valor en píxeles puede convertirse en distintos valores EM según dónde se use.
¿Por qué usar REM en lugar de píxeles en CSS?
Cuando un usuario cambia el tamaño de fuente base de su navegador (por accesibilidad), los valores en REM se escalan automáticamente, mientras que los valores fijos en píxeles no — lo que hace de REM una unidad más accesible para el tamaño del texto.
¿Cuál es el tamaño de fuente raíz predeterminado?
16px en la configuración predeterminada de todos los navegadores principales. Este conversor usa 16px por defecto, pero te permite cambiarlo para que coincida con el CSS real de un sitio.