Convertidor de PX a REM

Convierte valores de píxeles a unidades REM y REM de vuelta a píxeles. Establece el tamaño de fuente base de tu proyecto (16px por defecto) y obtén conversiones instantáneas con una práctica tabla de referencia.

px (tamaño de fuente raíz del proyecto)

px → rem

—

rem → px

—

Tabla de Referencia

Cómo usar el Convertidor de PX a REM

  1. Establece el tamaño de fuente base (por defecto 16px — el valor predeterminado del navegador y el más común en proyectos).
  2. Introduce un valor en píxeles y haz clic en "Convertir" para obtener el equivalente en REM.
  3. O introduce un valor en REM para convertirlo de vuelta a píxeles.
  4. Usa la tabla de referencia para consultas rápidas de tamaños comunes.

Características

Px to rem: usos practicos

Usa px to rem cuando necesites una respuesta rapida, clara y privada sin crear una cuenta. La pagina tambien cubre variantes relacionadas como px to rem online, px to rem validador, px to rem formateador para que puedas elegir el flujo correcto.

Cuándo usarlo

Para continuar, prueba tambien Formateador y Validador de JSON, Probador de Expresiones Regulares, Codificador y Decodificador Base64, Generador de Hash.

Preguntas Frecuentes

¿Por qué usar REM en lugar de píxeles? +
Las unidades REM (root em) escalan en relación al tamaño de fuente del elemento raíz. Esto hace que los diseños sean más accesibles: los usuarios que aumenten el tamaño de fuente de su navegador verán el contenido escalar proporcionalmente, a diferencia de los valores fijos en píxeles.
¿Qué tamaño de fuente base debo usar? +
El valor predeterminado del navegador es 16px. La mayoría de los proyectos mantienen este valor, lo que significa que 1rem = 16px. Algunos proyectos establecen la raíz en 62,5% (10px) para simplificar los cálculos (1rem = 10px, por lo que 1,6rem = 16px). Ajusta la base a la declaración :root de tu CSS.
¿Es REM lo mismo que EM? +
No. EM es relativo al tamaño de fuente del elemento actual, lo que puede acumularse en elementos anidados. REM siempre hace referencia al tamaño de fuente del elemento raíz, lo que lo hace más predecible y consistente.