Cómo convertir px a rem en CSS
Las unidades rem respetan el tamaño de fuente elegido por el usuario. Divide los píxeles por el tamaño raíz, normalmente 16, o convierte varios valores al instante.
Abrir conversor px ↔ rem gratis →Gratis · sin registro · sin marcas de agua
Paso a paso
- Abre el conversor de px a rem. Inicia el conversor gratuito.
- Confirma el tamaño raíz. La mayoría de proyectos usa 16 px; cámbialo si tu CSS define otro valor.
- Introduce los píxeles. Escribe cualquier valor: 24 px con una raíz de 16 px equivale a 1,5 rem.
- Copia los rem. Pasa los valores convertidos a tu hoja de estilos.
Consejos para acertar a la primera
- Usa rem para fuentes y espaciado para que el diseño pueda escalar.
- Mantén en px los bordes finos que deban conservar un píxel.
- Con raíz de 16 px: 4 px = 0,25 rem, 8 px = 0,5 rem, 16 px = 1 rem y 32 px = 2 rem.
Preguntas frecuentes
¿Por qué usar rem en lugar de px?
Los valores rem escalan con el tamaño raíz elegido por el usuario y mejoran la legibilidad y la accesibilidad.
¿Qué diferencia hay entre rem y em?
Rem depende del tamaño raíz; em depende del elemento actual y puede acumularse en elementos anidados.