Conversor de PX a REM

Las unidades rem mantienen los diseños accesibles — escalan con la preferencia de tamaño de fuente del usuario — pero nadie quiere dividir entre 16 mentalmente todo el día. Este conversor hace la aritmética en vivo: elige la dirección (px → rem, rem → px o px → em), escribe el valor y el resultado aparece al instante junto con una línea CSS lista para copiar como font-size: 0.875rem.

El campo de tamaño de fuente base hace que la herramienta se adapte a cualquier proyecto. El valor por defecto del navegador es 16px, así que de entrada 1rem equivale a 16px, pero muchas bases de código establecen html { font-size: 62.5% } para que 1rem equivalga a 10px: introduce 10 como base y todas las conversiones y filas de la tabla lo siguen. La dirección px → em usa las mismas matemáticas pero respecto al tamaño de fuente del elemento padre 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 con tu base actual, con la fila que coincide con la base resaltada. Es la chuleta que de otro modo tendrías pegada al monitor, siempre sincronizada con la base que usas realmente.

Todo sucede localmente en tu navegador mientras escribes: sin subida de datos, sin registro, sin viaje de ida y vuelta al servidor. Las páginas predefinidas para rem → px, px → em, la base de 10px y valores populares como 14, 24 y 32 px abren el conversor ya configurado para esas preguntas exactas.