Convertidor PX a REM

Convertí píxeles a REM y viceversa para diseño responsive.

px
rem
PíxelesREMPT (impresión)

Calculadora PX a REM Gratis

El Convertidor PX a REM de Toolts ayuda a desarrolladores web a traducir valores de píxeles a unidades rem y viceversa. Las unidades REM (root em) son relativas al tamaño de fuente del elemento raíz, haciéndolas esenciales para construir sitios web responsive y accesibles. El convertidor incluye una tabla de referencia rápida con tamaños comunes de píxeles y sus equivalentes en rem.

¿Por Qué Usar REM en Vez de Píxeles?

Los píxeles son unidades absolutas que no escalan cuando los usuarios cambian el tamaño de fuente predeterminado del navegador. Las unidades REM son relativas al tamaño de fuente raíz (típicamente 16px), así que escalan automáticamente con las preferencias del usuario. Esto es crítico para la accesibilidad — los usuarios que configuran fuentes más grandes (por baja visión o preferencia) verán tu diseño escalar proporcionalmente cuando usás unidades rem.

Cómo Funciona la Conversión

La fórmula es simple: rem = px ÷ tamaño base de fuente. Con la base predeterminada de 16px, 24px equivale a 1.5rem (24 ÷ 16 = 1.5). Si tu proyecto usa una base diferente (como 10px para cálculos más fáciles), ajustá el campo de tamaño base y todas las conversiones se actualizan instantáneamente.

Preguntas Frecuentes

Todos los navegadores principales establecen el tamaño de fuente raíz predeterminado en 16px. Esto significa que 1rem = 16px a menos que cambies el font-size en el elemento html. Algunos desarrolladores usan html { font-size: 62.5% } para que 1rem = 10px y facilitar los cálculos.
REM es relativo al tamaño de fuente del elemento raíz (html) y es consistente en toda la página. EM es relativo al tamaño de fuente del elemento padre, que puede acumularse al anidar. REM es generalmente preferido para layout y espaciado porque es predecible.