← Conversor de Unidades CSS

Convertidor de Px a Rem

Convierte píxeles a unidades rem al instante. Convertidor CSS px a rem 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

📐
Conversor de Unidades CSS

Convierte entre unidades CSS al instante: px, rem, em, vw, vh, pt, cm, mm, in y más. Configura el tamaño de fuente base y las dimensiones del viewport para conversiones relativas precisas.

 📐
Conversor de Unidades: Longitud, Peso, Temperatura y Más

Convierte instantáneamente entre unidades de longitud, peso, temperatura, velocidad, área, volumen, datos y tiempo. Métrico, imperial y más. Sin servidor, sin registro.

Convierte Píxeles a Rem

Ingresa un valor en píxeles para convertirlo a unidades rem. La conversión divide tu valor en píxeles por el tamaño de fuente raíz (predeterminado 16px). Esta es la conversión de unidades CSS más común para el desarrollo web moderno.

Valores Comunes de Píxeles a Rem

PíxelesRem (base 16px)Rem (base 14px)Caso de Uso
12px0.75rem0.857remTexto pequeño
14px0.875rem1remTexto de cuerpo
16px1rem1.143remTamaño de fuente base
18px1.125rem1.286remTexto de encabezado
24px1.5rem1.714remEncabezados H3
32px2rem2.286remEncabezados H2
48px3rem3.429remEncabezados H1

Cómo Usar

  1. La herramienta se abre con 16px prellenado, convirtiendo a 1rem
  2. Escribe cualquier valor en píxeles 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 rem de la tabla de resultados

Ejemplo del Mundo Real

Una especificación de diseño requiere 24px de relleno con un tamaño de fuente raíz de 16px. Divide 24 entre 16 para obtener 1.5rem. Si tu tamaño de fuente raíz es 14px, divide 24 entre 14 para obtener aproximadamente 1.714rem.

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