Conversor de PX a REM.

Convierte los valores en píxeles de un diseño a rem para tu CSS, con el tamaño de fuente raíz que uses. Escribe en cualquiera de los dos campos; la tabla recoge los tamaños habituales.

Píxeles a REM con 16 px
pxrem
8px0.5rem
10px0.625rem
12px0.75rem
14px0.875rem
16px1rem
18px1.125rem
20px1.25rem
24px1.5rem
28px1.75rem
32px2rem
36px2.25rem
40px2.5rem
48px3rem
56px3.5rem
64px4rem
72px4.5rem
80px5rem
96px6rem

Herramienta gratuita, sin garantía ni responsabilidad. El resultado lo genera automáticamente una herramienta gratuita de transjt.ai, nada más. Puede estar incompleto o ser incorrecto. transjt.ai no ofrece ninguna garantía ni asume responsabilidad alguna por decisiones o cambios basados en él; revisa cada resultado antes de usarlo.

Cómo funciona

PX a REM en tres pasos.

  1. 01

    Fija el tamaño de fuente raíz

    16 px, salvo que tu web cambie el tamaño de fuente de html.

  2. 02

    Escribe los píxeles

    El valor en rem aparece mientras escribes; también funciona a la inversa.

  3. 03

    Copia el valor

    Listo para pegar en tu CSS, como 1.5rem.

  4. Pruébalo con tu web.

    Diseña tu web hoy y lánzala mañana.

    Empieza gratisReserva una demo
Preguntas frecuentes

Preguntas y respuestas.

Lo que la gente pregunta antes de convertir.

Reserva una demo
  • Divide los píxeles entre el tamaño de fuente raíz: rem = px ÷ tamaño de fuente raíz. Con el valor predeterminado del navegador, 16 px, 24 px son 24 ÷ 16 = 1.5rem.

  • Una longitud de CSS relativa al tamaño de fuente del elemento raíz, html. Los navegadores la fijan en 16 px, salvo que la web o el lector la cambien.

  • Los tamaños en rem crecen con el ajuste de tamaño de fuente del lector, así que el texto y los espacios siguen siendo legibles para quien necesita letra más grande. Los tamaños en píxeles no cambian.

  • Fija la raíz en 10 px para que 1rem equivalga a 10 px y las cuentas sean más fáciles. Para convertir valores de una web así, pon arriba el tamaño de fuente raíz en 10.

  • Sí, sin registro y sin límites.

Diseña tu web hoy y lánzala mañana.

En transjt, cada segundo cuenta. Por eso nuestra misión es sencilla: ahorrarte tiempo y eliminar fricciones de tu flujo de trabajo.