DevBento logoDevBento
Herramientas/Conversor de Unidades CSS/Convertidor de Px a Rem

Convertidor de Px a Rem

Convierte píxeles a unidades rem al instante con este convertidor CSS gratuito. Ajusta la fuente base de tu proyecto y copia el resultado al portapapeles.

÷base
Configuración de viewport
UnidadValor
pxPixel16
ptPoint12
pcPica1
cmCentimeter0.42333333
mmMillimeter4.2333333
inInch0.16666667
remRoot em1
emEm1
vwViewport width1.1111111
vhViewport height1.7777778
vminViewport minimum1.7777778
vmaxViewport maximum1.1111111
exx-height (approx)2
chCharacter width (approx)1.6666667
Herramientas Relacionadas
rgbConversor de Color y Generador de Paletas
Convert color unit values
📐Conversor de Unidades
Convierte entre unidades de longitud, peso, temperatura, velocidad, área, volumen, datos y tiempo. Métrico e imperial. Sin servidor, todo en tu navegador.

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íxeles Rem (base 16px) Rem (base 14px) Caso de Uso
12px 0.75rem 0.857rem Texto pequeño
14px 0.875rem 1rem Texto de cuerpo
16px 1rem 1.143rem Tamaño de fuente base
18px 1.125rem 1.286rem Texto de encabezado
24px 1.5rem 1.714rem Encabezados H3
32px 2rem 2.286rem Encabezados H2
48px 3rem 3.429rem Encabezados 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.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.

© 2026 devbento.dev · construido localmenteChangelog