Convertidor de PX a REM Gratis
Convierte píxeles a rem y rem a píxeles con tamaño de fuente base configurable. Sin registro.
100% gratis — no se necesita cuenta
Resultado
1rem
Referencia Rápida
| PX | REM | |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem |
Funciones de Convertidor de PX a REM Gratis
Deja de calcular valores rem de memoria
Tamaño base personalizado
Configura cualquier tamaño de fuente base (por defecto 16px) para tu proyecto.
Bidireccional
Convierte px a rem y rem a px con resultados instantáneos.
Copiar valores
Copia cualquier valor de la tabla o resultado de conversión con un clic.
Tabla de referencia
Consulta rápida de 15 valores comunes de px y sus equivalentes en rem.
Preguntas frecuentes
¿Por qué usar rem en lugar de px?
Las unidades rem son relativas al tamaño de fuente raíz, haciendo tus diseños responsivos y accesibles. Los usuarios que aumenten el tamaño de fuente del navegador verán tu contenido escalarse correctamente.
¿Qué tamaño de fuente base debo usar?
16px es el valor por defecto del navegador y la opción más común. Algunos sistemas de diseño usan 10px (haciendo las matemáticas más fáciles: 1.6rem = 16px) pero esto requiere configurar html { font-size: 62.5% }.
¿Cuándo debo seguir usando px?
Usa px para bordes, box-shadows y detalles finos que no deben escalar. Usa rem para tamaños de fuente, padding, márgenes y cualquier espaciado que deba escalar con las preferencias del usuario.
Más utilidades para desarrolladores
Generador de gradientes CSS, verificador de contraste de color y más.