Introduce un número
1 px = 0,0625 rem
Abrir en Conversor de PX a REMFórmula
rem = px ÷ 16
Cómo convertir
Para convertir píxeles a rem, divide el valor entre 16. Por ejemplo, 32 px = 2 rem.
Tabla de conversión
| px | rem |
|---|---|
| 1 px | 0,0625 rem |
| 2 px | 0,125 rem |
| 4 px | 0,25 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
La tabla supone un tamaño de fuente base de 16px. Cambia los ajustes en el conversor de arriba para adaptarlo a tu proyecto.
Sobre estas unidades
Los navegadores convierten toda longitud CSS en píxeles. rem es relativo al tamaño de fuente raíz y em al del elemento padre; ambos valen 16px en todos los navegadores principales salvo que la página o el usuario lo cambien. 1pt es 1/72 de pulgada y 1px es 1/96 de pulgada, así que 1pt = 1,333px. vw es el 1 % del ancho del viewport, por lo que su tamaño en píxeles depende de la pantalla.
Preguntas frecuentes
› ¿Cómo convierto px a rem?
1 px = 0,0625 rem. Para convertir, divide el valor entre 16: 32 px = 2 rem.
› ¿Cuánto es 1 rem en px?
1 rem = 16 px. La fórmula inversa es px = rem × 16.
› ¿Por qué usar rem en lugar de px?
Los tamaños en rem siguen el tamaño de fuente configurado en el navegador, lo que mejora la accesibilidad, y cambiar un solo valor raíz reescala todo el diseño de forma coherente.
› ¿Qué diferencia hay entre rem y em?
rem siempre usa el tamaño de fuente raíz (html). em usa el tamaño de fuente del elemento padre, así que los valores em anidados se multiplican.