Conversor de Unidades CSS

Convertidor de Rem a Px

Convierte rem a píxeles al instante. Convertidor CSS rem a px gratuito en línea con ajuste de tamaño de fuente base.

100% del lado del cliente. Tus datos nunca salen de tu navegador.

÷base
Configuración de viewport
Ingrese un valor arriba para convertir entre unidades CSS

Herramientas Relacionadas

Convierte Rem a Píxeles

Ingresa un valor rem para convertirlo a píxeles. La conversión multiplica tu valor rem por el tamaño de fuente raíz (predeterminado 16px). Usa esto cuando necesites entender la salida real en píxeles de unidades CSS relativas.

Valores Comunes de Rem a Píxeles

RemPíxeles (base 16px)Píxeles (base 14px)Contexto
0.5rem8px7pxEspaciado pequeño
0.75rem12px10.5pxTexto pequeño
0.875rem14px12.25pxTexto de cuerpo (algunos frameworks)
1rem16px14pxTamaño de fuente base
1.25rem20px17.5pxTexto de cuerpo grande
1.5rem24px21pxEncabezados H3 / sección
2rem32px28pxEncabezados H2
3rem48px42pxEncabezados H1

Cómo Usar

  1. La herramienta se abre con 1rem prellenado, convirtiendo a 16px
  2. Escribe cualquier valor rem en el campo de entrada
  3. Ajusta el tamaño de fuente base si tu proyecto usa algo diferente a 16px
  4. Copia el valor en píxeles de la tabla de resultados

Ejemplo del Mundo Real

Ves font-size: 1.25rem en los estilos calculados y necesitas saber el tamaño real en píxeles. Con un tamaño de fuente raíz de 16px, multiplica 1.25 × 16 = 20px. Si tu framework usa base de 14px, sería 1.25 × 14 = 17.5px.

Para más conversiones, consulta el Convertidor de Unidades CSS completo o prueba Px a Rem.