Acerca de esta herramienta
Es la conversión inversa de px a rem. Introduce rem y el tamaño raíz real para calcular en tu navegador los píxeles correspondientes y comprender las dimensiones relativas de tus estilos.
Cómo usarla
- Introduce el valor en rem que quieras convertir.
- Introduce un tamaño de fuente raíz mayor que 0; el valor inicial es 16px.
- Consulta el resultado en px y la explicación del cálculo.
- Copia el resultado o carga un ejemplo para comprobar conversiones habituales.
Ejemplos de uso
- 1.5rem × 16px = 24px.
- 2rem × 16px = 32px.
- 1.25rem × 20px = 25px.
Cómo se calcula
px = rem × rootFontSize. Comparte la función de conversión con px a rem y elimina dígitos finales sin significado debidos a la coma flotante. El tamaño raíz del navegador suele ser 16px, pero el CSS del proyecto puede modificarlo.
Usos habituales
- Comparar estilos en rem con las medidas en píxeles del diseño.
- Comprender los cambios de tamaño al modificar la fuente raíz de un tema.
- Comprobar rápidamente fuentes, márgenes y dimensiones de contenedores.
Privacidad
Todos los datos, cálculos, generación de CSS y vistas previas se procesan en tu navegador. No se sube contenido, no se usan servidores de procesamiento, bases de datos, API en línea ni CDN de terceros, y tus entradas no se guardan automáticamente.
FAQ
¿Por qué 1rem no siempre equivale a 16px?
rem depende del tamaño de fuente real del elemento raíz, que puede cambiar con el CSS o las preferencias del usuario.
¿El tamaño raíz puede ser 18 o 20?
Sí. Se acepta cualquier valor válido mayor que 0 dentro del rango de la herramienta; no tiene que ser 16.
¿El zoom del navegador cambia la fórmula?
La fórmula relaciona píxeles CSS con rem. Los píxeles físicos de pantalla también dependen del zoom y de la densidad de píxeles del dispositivo.
¿Por qué algunos resultados no tienen decimales?
Si el resultado es cercano a un entero, se eliminan los ceros finales innecesarios para facilitar su uso directo en CSS.