DevToolPal
ES

Unidades CSS

Conversor de px a rem

Convierte píxeles (px) a rem (rem). 1 px = 0,0625 rem y 1 rem = 16 px.

Fó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.