Conversor px ↔ rem ↔ em ↔ vw
Pasa cualquier medida CSS a las demás unidades al instante. Ajusta el tamaño base y el tamaño de ventana para obtener equivalencias exactas, y pulsa un resultado para copiarlo.
Procesado 100% en tu navegador
¿Cómo lo compruebo?
Tus archivos no se suben: se procesan en tu dispositivo. Puedes comprobarlo tú mismo: carga la página, desconecta el WiFi y la herramienta seguirá funcionando. O abre las herramientas del navegador (F12), pestaña «Red», y verás que no sale ningún archivo.
Equivalencias
Tabla px → rem
Ctrl + Enter ejecutarCtrl + C copiar resultado
Cómo usar
- 1Escribe el valor y elige su unidad.
- 2Ajusta el tamaño de fuente base (16 px por defecto) y el de la ventana.
- 3Pulsa una equivalencia para copiarla.
- 4Consulta la tabla de px a rem para tamaños habituales.
Casos de uso
- Convertir un diseño en píxeles a rem para un CSS accesible.
- Calcular anchos relativos al viewport con vw y vh.
- Pasar puntos de un diseño de impresión a píxeles.
- Usar una base de 10 px para simplificar cálculos.
Preguntas frecuentes
¿Cuántos px es 1 rem?
Por defecto 16 px, porque es el tamaño de fuente que aplican los navegadores. Cambia si el usuario o el CSS modifican la fuente raíz.
¿Cuál es la diferencia entre rem y em?
rem depende de la fuente del elemento raíz; em, de la del propio elemento o su padre. Aquí ambos usan el tamaño base que indiques.
¿Por qué usar rem en vez de px?
Porque respeta la configuración de tamaño de texto del usuario, lo que mejora la accesibilidad.
¿Cómo se calculan vw y vh?
1vw es el 1 % del ancho de la ventana y 1vh el 1 % de su alto; por eso los pides en píxeles.