⭐ 0
🔍
Texto Imagen PDF y Docs Audio Música Electrónica Tiempo Utilidades Validadores Esoterismo Juegos

Convertidor REM a PX

Convierta px a rem, rem a px y px a em en cualquier tamaño de fuente base, con una línea CSS lista para copiar y una tabla de referencia en vivo.

Procesando... 0%

Resultado

Esta página abre el convertidor en la dirección rem → px: escriba un valor rem e inmediatamente obtendrá su equivalente en píxeles en el tamaño de fuente base actual, además de una línea CSS lista para copiar. En la base predeterminada del navegador de 16 px, 1,5 rem es 24 px y 2 rem es 32 px.

Pasar de rem a píxeles es la dirección cotidiana cuando inspeccionas la hoja de estilo de otra persona o un panel de estilos calculados: el CSS dice 1,25 rem y las especificaciones de diseño hablan en píxeles. La fórmula es simplemente rem × base, y el campo base le permite hacer coincidir el tamaño de fuente raíz del proyecto, incluido el truco del 62,5% donde 1rem significa 10px.

La tabla de referencia a continuación muestra los tamaños de píxeles comunes con sus valores rem en la base elegida, para que pueda escanear toda la escala a la vez. Todo se vuelve a calcular en vivo en su navegador a medida que escribe y no se envía nada a ninguna parte.

🛡️
Ejecutado en el navegador

Tus archivos y datos nunca salen de este dispositivo. El procesamiento se realiza completamente sin conexión. 100% seguro.

Formatos y reglas aceptados

  • Tres direcciones en un selector: px → rem, rem → px y px → em.
  • Tamaño de fuente base ajustable (16px por defecto) aplicado al resultado y a cada fila de la tabla.
  • Tabla de referencia para tamaños comunes de 1 a 64 px, recalculada para la base actual con la fila de la base resaltada.

Beneficios clave

✓ El valor convertido, la línea CSS y la tabla de referencia se actualizan en vivo a medida que escribe, sin necesidad de presionar ningún botón.
✓ El tamaño de fuente base es ajustable, por lo que los proyectos con base de 10 píxeles y las escalas tipográficas personalizadas funcionan tan bien como el valor predeterminado de 16 píxeles.
✓ Se ejecuta completamente en su navegador: no se carga nada y la línea CSS lista para copiar está a un clic de distancia.

Casos de uso

  • • Convierte un valor de píxel de una maqueta de diseño en el valor remoto que necesita la hoja de estilo.
  • • Convierta los valores rem del CSS de otra persona a píxeles para que coincidan con una especificación.
  • • Vuelva a trabajar una escala tipográfica completa después de cambiar al tamaño de fuente raíz de 10 píxeles (62,5%).