Conversor de px a rem
Con una fuente raíz de 16 px, 24 px = 1,5 rem: divide los píxeles entre el tamaño raíz. Cambia la base si tu sitio da otro tamaño de fuente a html.
- Comprobado en miles de casos
- Fuentes: CSS Values and Units Module Level 4 (W3C)
- Actualizado el 6 de noviembre de 2026
16 px, salvo que tu CSS dé otro tamaño a html.
Resultado
Puntos (pt)
Porcentaje (%)
Pequeño reto
Racha 0Récord 0
Ponte a prueba: cada respuesta la calcula la herramienta, y las opciones falsas son las trampas más comunes.
Cómo funciona
Fórmula: rem = px ÷ tamaño de fuente raíz
En CSS, 1 rem equivale al tamaño de fuente del elemento raíz (html), sin importar lo anidado que esté el elemento; el em, en cambio, depende del padre. Así que rem = px ÷ tamaño raíz y px = rem × tamaño raíz. CSS también fija 1 px = 1/96 de pulgada y 1 pt = 1/72 de pulgada, de modo que 1 pt = 4/3 px: 12 pt = 16 px. La herramienta parte de 16 px, el tamaño de texto habitual de los navegadores por defecto; quien elige un texto más grande en sus ajustes lo cambia, y los tamaños en rem siguen su elección.
Ejemplos prácticos
24 px con una base de 16 px
24 ÷ 16 = 1,5 rem.
24 px con una base de 10 px
24 ÷ 10 = 2,4 rem.
12 pt en píxeles
12 × 4/3 = 16 px.
Errores frecuentes
Dividir entre 10 cuando la base es de 16 px: 24 px = 2,4 rem.
Divide entre el tamaño raíz real: 1,5 rem.
Usar em anidados como si fueran rem: 1,5 em dentro de 1,5 em.
Los em se multiplican: 16 × 1,5 × 1,5 = 36 px. Con rem, 1,5 rem sigue siendo 24 px.
Tratar los puntos como píxeles: 12 pt no son 12 px.
1 pt = 4/3 px: 12 pt = 16 px.
Píxeles a rem con una base de 16 px
| Píxeles | rem | Puntos |
|---|---|---|
| 10 px | 0,625 rem | 7,5 pt |
| 12 px | 0,75 rem | 9 pt |
| 14 px | 0,875 rem | 10,5 pt |
| 16 px | 1 rem | 12 pt |
| 18 px | 1,125 rem | 13,5 pt |
| 20 px | 1,25 rem | 15 pt |
| 24 px | 1,5 rem | 18 pt |
| 28 px | 1,75 rem | 21 pt |
| 32 px | 2 rem | 24 pt |
| 40 px | 2,5 rem | 30 pt |
| 48 px | 3 rem | 36 pt |
| 64 px | 4 rem | 48 pt |
Preguntas frecuentes
¿Cuántos píxeles son 1 rem?
Tantos como el tamaño de fuente raíz. Con 16 px: 1 rem = 16 px, 0,75 rem = 12 px y 2 rem = 32 px.
¿rem o em?
El rem se refiere siempre al tamaño de fuente de html: 1,5 rem vale lo mismo en toda la página. El em se refiere al elemento padre, así que los em anidados se multiplican.
¿Por qué usar rem en lugar de px?
Los tamaños en rem siguen el tamaño de texto elegido por el visitante en su navegador; los tamaños de fuente en px ignoran esa elección, lo que perjudica a quienes necesitan un texto más grande.