Acerca de esta herramienta
Este conversor divide los píxeles por el tamaño de fuente del elemento raíz. El valor inicial es 16px; puedes cambiarlo a 10, 14, 18 o cualquier otro valor mayor que 0 para adaptarlo al proyecto.
Cómo usarla
- Introduce el valor en px que quieras convertir.
- Configura el tamaño de fuente raíz real del proyecto; debe ser mayor que 0.
- Consulta el resultado y la explicación del cálculo.
- Copia el resultado en rem o borra la entrada para convertir otro tamaño.
Ejemplos de uso
- 32px ÷ 16px = 2rem.
- 24px ÷ 16px = 1.5rem.
- 20px ÷ 10px = 2rem.
Cómo se calcula
rem = px ÷ tamaño de fuente raíz. Con una raíz de 16px, 24px equivalen a 1,5rem. El valor predeterminado suele ser 16px, pero los estilos del sitio y las preferencias del usuario pueden cambiarlo; usa el valor real.
Usos habituales
- Convertir a rem las medidas en píxeles de un diseño.
- Unificar unidades de espaciado y tipografía.
- Comprobar cómo afecta el tamaño raíz a la conversión.
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
¿Qué es rem?
Es una unidad de longitud CSS relativa al tamaño de fuente del elemento raíz del documento, normalmente html.
¿Cuántos px son 1rem?
Depende del tamaño raíz: con 16px, 1rem = 16px; con 10px, 1rem = 10px.
¿Por qué el tamaño de fuente raíz no puede ser 0?
La conversión divide entre ese tamaño. El cero provocaría una división por cero y los valores negativos tampoco son tamaños de fuente válidos.
¿Qué diferencia hay entre rem y em?
rem toma como referencia la fuente raíz. em suele depender del tamaño de fuente del elemento actual; al definir font-size, se basa en el tamaño calculado del padre.