Convertidor de PX a REM

Las unidades Rem mantienen los diseños accesibles (se escalan según la preferencia de tamaño de fuente del usuario), pero nadie quiere dividir entre 16 en su cabeza todo el día. Este convertidor hace la aritmética en vivo: elija la dirección (px → rem, rem → px o px → em), escriba el valor y el resultado aparece instantáneamente junto con una línea CSS lista para copiar, como tamaño de fuente: 0.875rem.

El campo de tamaño de fuente base hace que la herramienta se ajuste a cualquier proyecto. El valor predeterminado del navegador es 16px, por lo que 1rem equivale a 16px de fábrica, pero muchas bases de código configuran html { font-size: 62.5% } para que 1rem sea igual a 10px; ingrese 10 como base y le seguirán todas las conversiones y filas de la tabla. La dirección px → em utiliza las mismas matemáticas para el tamaño de fuente del elemento principal en lugar de la raíz, que es exactamente la diferencia entre em y rem en CSS.

Debajo del resultado, una tabla de referencia muestra los tamaños de diseño más comunes (1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 y 64 píxeles) ya convertidos en su base actual, con la fila que coincide con la base resaltada. Es la hoja de referencia que de otro modo mantendría pegada a su monitor, siempre sincronizada con la base que realmente utiliza.

Todo sucede localmente en su navegador mientras escribe: sin carga, sin registro, sin viaje de ida y vuelta al servidor. Las páginas preestablecidas para rem → px, px → em, la base de 10 px y valores populares como 14, 24 y 32 px abren el convertidor listo para configurar para esas preguntas exactas.