Conversor de PX a REM
El valor por defecto del navegador es 16px.
Qué es Conversor de PX a REM
Un conversor de px a rem traduce un tamaño CSS entre píxeles y unidades rem. Un rem equivale al tamaño de fuente raíz de la página, que los navegadores fijan en 16px por defecto, así que 16px es 1rem y 24px es 1,5rem. Escribe un valor en cualquier campo y el otro se actualiza al instante. Cambia la casilla del tamaño de fuente raíz si tu proyecto usa una base distinta (un truco común es fijar la raíz en 62,5% para que 10px sea igual a 1rem).
Cómo usar
- Fija el tamaño de fuente raíz si tu proyecto difiere del valor por defecto de 16px.
- Escribe un valor en píxeles en el campo Píxeles para ver el equivalente en rem.
- O escribe un valor en rem en el campo REM para ver el equivalente en píxeles.
- Copia cualquier resultado con el ícono de copiar junto al campo.
- Haz clic en Limpiar para restablecer los campos e iniciar una nueva conversión.
Cuándo usarla
¿Estás armando un diseño responsivo y necesitas tu título de 24px en rem? Escribe 24 y obtienes 1,5rem, listo para pegar en tu hoja de estilos. Pasar un diseño de píxeles fijos a rem escalable mantiene el texto y los espaciados alineados con la configuración del navegador del lector, así que quien aumenta su tamaño de fuente por defecto ve todo el diseño crecer con él en lugar de quedar fijo en tus valores en píxeles.
Preguntas frecuentes
¿Cómo convierto px a rem?
Divide el valor en píxeles entre el tamaño de fuente raíz. Con la raíz por defecto de 16px, 24px es 24 / 16 = 1,5rem, y 8px es 8 / 16 = 0,5rem. Para hacer lo contrario, multiplica el valor en rem por el tamaño de fuente raíz: 1,25rem en una raíz de 16px es 1,25 * 16 = 20px.
¿Cuál es el tamaño de fuente raíz por defecto?
Los navegadores usan 16px como tamaño de fuente raíz por defecto, así que esta herramienta empieza ahí. Si tu CSS cambia el font-size del elemento html (por ejemplo a 62,5%, lo que hace la raíz de 10px), actualiza la casilla del tamaño de fuente raíz para que la conversión coincida con tu proyecto.
¿Por qué usar rem en lugar de px en CSS?
Las unidades rem escalan con el tamaño de fuente raíz, que respeta el tamaño que el lector eligió en la configuración de su navegador. Dimensionar fuentes, márgenes y rellenos en rem permite que todo el diseño crezca o se reduzca con esa preferencia, lo que es mejor para la accesibilidad que los píxeles fijos.
¿Puedo compartir esta herramienta con mis datos precargados?
Sí. La URL se actualiza automáticamente mientras escribes. Copia el enlace desde la barra de direcciones o usa el botón Compartir, quien lo abra verá tus datos ya cargados.
Herramientas relacionadas
Calculadora de Relación de Aspecto
Calcula la relación de aspecto, encuentra el ancho o alto que falta y redimensiona imágenes y vídeos manteniendo las proporciones. Gratis.
Decodificador Base64
Decodifica cadenas Base64 a texto plano al instante. Soporta salida Unicode completa con emojis. Decodificador Base64 gratuito.
Codificador Base64
Convierte texto a Base64 instantáneamente en el navegador. Soporta Unicode, emojis y caracteres especiales. Codificador Base64 gratuito.