Convertidor de PX a REM
Convierte píxeles CSS a rem según el tamaño de fuente raíz que indiques.
Probar un ejemplo explicado
Probar un ejemplo explicado
Convierte píxeles CSS a rem según el tamaño de fuente raíz que indiques.
Comprueba las unidades y opciones y pulsa el botón de cálculo de la herramienta. El ejemplo es ficticio; sustituye los valores para tu propio cálculo.
Texto de ejemplo
- Valor CSS en píxeles
- 24
- Tamaño de fuente raíz (px)
- 16
Resultado esperado
24px ÷ 16px = 1,5rem
El cálculo divide el valor en píxeles entre el tamaño de fuente del elemento raíz.
Esperando a la herramienta. La explicación sigue disponible sin JavaScript.
Método y límites
Introduce el valor en píxeles y el tamaño de fuente raíz de tu hoja de estilos, normalmente 16 px.
La herramienta no lee tu CSS. El resultado depende del tamaño raíz que proporciones.
Compartir esta herramienta
Solo se comparte el enlace público de la herramienta. Tus entradas y resultados se quedan aquí.
Mostrar enlace para copiarlo manualmente
Respuesta rápida
El cálculo divide el valor en píxeles entre el tamaño de fuente del elemento raíz.
El código de la página y sus recursos se cargan desde el sitio; las herramientas diseñadas para el procesamiento local gestionan los datos introducidos en el navegador.
Cómo usarla
Introduce el valor en píxeles y el tamaño de fuente raíz de tu hoja de estilos, normalmente 16 px.
Límites
La herramienta no lee tu CSS. El resultado depende del tamaño raíz que proporciones.
Preguntas frecuentes
¿Qué significa 1rem?
Se basa en el tamaño de fuente del elemento raíz, normalmente <html>. El valor predeterminado habitual de un navegador es 16 px, pero las preferencias del usuario o las reglas de estilo pueden cambiarlo.
¿La herramienta lee mi hoja de estilos?
No. Usa el tamaño raíz que introduces. Conserva el valor predeterminado de 16 px solo si coincide con tu página; de lo contrario, introduce el tamaño raíz de tu proyecto.
¿Cómo se calcula la conversión?
Divide el valor en píxeles entre el tamaño de fuente raíz. Por ejemplo, 24 px ÷ 16 px = 1,5 rem.
Más información
Fuentes y referencias
Estas referencias documentan las normas y fuentes citadas; no validan el resultado de la herramienta.