Convertidor PX a REM

REM (root em) es siempre relativo al tamaño de fuente del elemento raíz (html) — consistente y predecible en toda la página. EM es relativo al elemento padre, lo que significa que se acumula: si un padre es 1.2em y el hijo también es 1.2em, el hijo termina con un tamaño de 1.44× respecto a la raíz. Usa REM para tamaños de fuente y espaciados consistentes; usa EM cuando quieras intencionadamente un escalado relativo al propio tamaño de fuente de un componente (como el padding de un botón).

REM respeta la preferencia de tamaño de fuente del navegador del usuario. Si un usuario configura su navegador por defecto a 20px por accesibilidad, 1rem se convierte en 20px y tu diseño se escala proporcionalmente. Los valores PX son fijos e ignoran esta preferencia. Usar REM hace que tu sitio sea más accesible y más fácil de escalar con un solo cambio en el root font-size.

PT (puntos) es una unidad de impresión: 1pt = 1/72 pulgadas. Para la web, 12pt = 16px en la resolución estándar de pantalla. PT se usa ocasionalmente para hojas de estilo de impresión (@media print) pero rara vez en el CSS web regular. Quédate con PX, REM o EM para diseños de pantalla.

Introduce múltiples valores PX uno por línea en el campo Bulk Converter y haz clic en Convert. Obtendrás los equivalentes en REM, EM y PT para cada valor en una sola tabla. Es útil cuando estás migrando un sistema de diseño o convirtiendo una hoja de estilo existente de PX a REM de una sola vez.

La sección de Variables CSS genera declaraciones de propiedades personalizadas de CSS listas para copiar y pegar basadas en tus resultados de la conversión masiva. Por ejemplo: --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Puedes pegarlas directamente en tu bloque :root {}.

Usa cualquier tamaño de fuente que tengas configurado en el elemento html en tu CSS. Si no has configurado nada, el valor predeterminado es el del navegador (16px). Algunos desarrolladores configuran html { font-size: 62.5% } para que 1rem = 10px y facilitar los cálculos mentales (por ejemplo, 24px = 2.4rem). Cambia la entrada de tamaño base para que coincida con el root font-size real de tu proyecto.

No. Todas las conversiones se calculan localmente en tu navegador con JavaScript. No se transmite ni se almacena nada. Puedes usarla sin conexión después de que la página se cargue.