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 × tamaño de fuente raíz. Con una raíz de 16px, 1,5rem equivalen a 24px. Los estilos del sitio y las preferencias del usuario pueden cambiar la raíz; convierte con el valor real.
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
Los datos y los resultados se procesan en tu navegador, sin subirse ni guardarse automáticamente. Copia los resultados que quieras conservar antes de salir de la página.
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.