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 / rootFontSize. Las herramientas 095 y 096 comparten la lógica de conversión; limitan los decimales y eliminan ceros finales innecesarios. El tamaño raíz predeterminado suele ser 16px, pero el CSS del proyecto o 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
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
¿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.