Px to Rem
Convierte valores de píxeles a rem y em para tipografía CSS escalable.
① Introduce un valor en píxeles ② Establece el tamaño base del font (por defecto 16px) ③ Copia rem o em
¿Por qué usar rem en lugar de px?
Las unidades rem (root em) se escalan con la preferencia de tamaño de fuente del navegador del usuario, haciendo la tipografía más accesible y responsiva. 1rem = 16px en la mayoría de navegadores por defecto, pero los usuarios pueden cambiarlo mediante font-size en la configuración del navegador. Usar rem en lugar de px garantiza que el texto escale proporcionalmente.
Preguntas frecuentes
rem (root em) es una unidad CSS relativa basada en el tamaño de fuente del elemento raíz (<html>). Por defecto: 1rem = 16px.
rem es siempre relativo al elemento raíz. em es relativo al elemento padre. rem es preferido para tamaños de fuente por ser predecible.
El tamaño de fuente predeterminado del navegador es 16px (1rem = 16px). Se puede cambiar con html { font-size: Xpx; }.
Divide el valor px entre el tamaño base. Con base 16px: 24px ÷ 16 = 1,5rem.
Sí. Usar rem respeta las preferencias del usuario y cumple con WCAG 1.4.4.
Usa px para bordes, sombras y media queries. Para tipografía y espaciado, prefiere rem.
rem = px ÷ tamaño base. Ejemplo: 24px ÷ 16px = 1,5rem.