¿Cuánto es 1rem en px?
1rem = 16px (con base de 16px) Con el tamaño de fuente raíz por defecto del navegador de 16px, 1rem equivale exactamente a 16px. Este es el ancla para cualquier conversión: px = rem × 16.
Conversor de REM a PX — Rem a píxeles, en vivo y privado
Convierte rem a px al instante con un tamaño de fuente raíz ajustable. 1rem = 16px por defecto. Bidireccional, listo para copiar, 100% en tu navegador.
Sin rastreo Se ejecuta en el navegador Gratis
px
Vista previa
El veloz murciélago hindú
Revisado para garantizar la precisión de la unidad rem de CSS y la orientación sobre accesibilidad — Equipo de Ingeniería de Go Tools · Jun 11, 2026
Referencia rápida
¿Cuál es la fórmula de rem a px?
px = rem × tamaño-de-fuente-raíz Multiplica el valor en rem por el tamaño de fuente raíz. Por ejemplo, 1.5rem × 16 = 24px. Cambia la base en la herramienta si tu proyecto no usa 16px.
¿Qué es el truco del 62.5%?
62.5% → 1rem = 10px Establecer html { font-size: 62.5% } hace que la raíz sea 10px, así que 1rem = 10px y rem a px es solo «multiplicar por 10». Establece la base de esta herramienta en 10 para usarlo.
¿Qué es un conversor de REM a PX?
Un conversor de rem a px traduce unidades rem a medidas en píxeles. La unidad rem («root em») es relativa al font-size del elemento raíz : 1rem siempre equivale al tamaño de fuente raíz, que los navegadores establecen en 16px por defecto. La conversión es una simple multiplicación (px = rem × tamaño-de-fuente-raíz), pero comprobarla para cada valor mientras lees o depuras una hoja de estilos es repetitivo, que es justo lo que esta herramienta elimina.
Los desarrolladores normalmente escriben el CSS en rem por accesibilidad y escalabilidad: los valores escritos en rem se escalan con la preferencia de tamaño de fuente del navegador del usuario, mientras que los valores en px permanecen fijos. Pero hay muchos momentos en los que necesitas la cifra en píxeles: coincidir con un mockup de diseño, entregar tamaños a un diseñador que trabaja en píxeles, establecer una propiedad solo de px, o depurar por qué un elemento se renderiza a un tamaño concreto. Ahí es cuando convertir rem de vuelta a px es exactamente lo que quieres.
Este conversor mantiene los campos de rem y píxeles enlazados en tiempo real, así puedes moverte en cualquier dirección y, a diferencia de las herramientas que fijan una base de 16px de forma rígida, te permite establecer cualquier tamaño de fuente raíz. Eso importa porque una hoja de estilos que usa la técnica del 62.5% (raíz de 10px) resuelve rem en valores de píxeles distintos a una configuración por defecto de 16px. Una vista previa en vivo muestra el tamaño de texto resultante, y una tabla de referencia lista los valores rem comunes con una base de 16px para consultas rápidas.
¿Necesitas la otra dirección? Usa el conversor de px a rem. Para limpiar la propia hoja de estilos, prueba el formateador de CSS, y para trabajar con colores consulta el conversor de color. Todo se ejecuta en tu navegador: tus valores nunca salen de tu dispositivo.
/* The core formula */
/* px = rem × root-font-size (16px by default) */
:root {
font-size: 16px; /* 1rem = 16px */
}
/* 1.5rem -> 24px */
/* 1rem -> 16px */
/* 0.75rem -> 12px */
/* 2rem -> 32px */
/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12 Características clave de este conversor de REM a PX
Tamaño de fuente raíz personalizado
Convierte según cualquier base, no solo 16px. Coincide con la técnica del 62.5% (10px) o con el tamaño de fuente raíz real de tu proyecto; la mayoría de las herramientas fijan 16 de forma rígida.
Conversión bidireccional en vivo
Los campos de rem y píxeles permanecen enlazados en tiempo real. Edita cualquiera de los dos lados y el otro se actualiza al instante según la base que elijas.
Vista previa de tamaño integrada
Una línea de vista previa renderiza el texto al tamaño rem introducido para que veas la escala, no solo el número.
Copia con un clic
Copia el valor en rem o px al portapapeles con un solo clic, listo para pegarlo en CSS o en una herramienta de diseño.
Tabla de conversión de referencia
Una tabla de los valores rem comunes y sus equivalentes en píxeles con una base de 16px para consultas rápidas sin necesidad de escribir.
100% en el navegador y privado
Todas las cuentas ocurren localmente en tu navegador. Sin peticiones al servidor, sin seguimiento, sin almacenamiento de datos: tus valores nunca salen de tu dispositivo.
Ejemplos de conversión de REM a PX
Texto del cuerpo — 1rem a px
1
16px
Con el tamaño de fuente raíz por defecto de 16px, 1rem equivale exactamente a 16px. Esta es la referencia para cualquier otra conversión: px = rem × 16.
Encabezado — 1.5rem a px
1.5
24px
1.5rem se resuelve en 24px (1.5 × 16). Los encabezados se suelen escribir en rem para que se escalen con la preferencia de tamaño de fuente del usuario, pero aun así se mapeen a tamaños en píxeles familiares.
Etiqueta pequeña — 0.75rem a px
0.75
12px
0.75rem son 12px con una base de 16px. Comprobar el valor en píxeles ayuda a confirmar que la letra pequeña sigue siendo legible.
Espaciado — 0.5rem a px
0.5
8px
0.5rem equivalen a 8px. Los sistemas de diseño suelen expresar el padding y los márgenes en rem; convertirlos de vuelta a px es útil para una revisión de precisión en píxeles.
Encabezado grande — 2rem a px
2
32px
2rem es exactamente el doble de la base, 32px. Los múltiplos limpios como este son habituales en los encabezados destacados.
Breakpoint — 48rem a px
48
768px
Un breakpoint de media query de 48rem se resuelve en 768px con una base de 16px, un umbral de ancho de tableta familiar expresado en unidades escalables.
Cómo convertir valores comunes de rem a px
Referencia rápida de los valores rem que los desarrolladores convierten a px con más frecuencia, con el tamaño de fuente raíz por defecto de 16px.
Cómo convertir 1rem a px
1 rem → 16 px
Multiplica 1 por el tamaño de fuente raíz de 16px para obtener 16px. 1rem es el valor ancla: equivale exactamente a 16px en una configuración por defecto, el punto de referencia para todas las demás conversiones.
1 rem → 16 px Memoriza 1rem = 16px. A partir de ahí, divide a la mitad para 0.5rem (8px) y duplica para 2rem (32px).
Pruébalo arriba: introduce tu valor en rem y obtén los píxeles al instante.
Cómo convertir 1.5rem a px
1.5 rem → 24 px
Multiplica 1.5 por 16 para obtener 24px. 1.5rem es un tamaño común para encabezados y botones grandes, así que 24px aparece con frecuencia en los sistemas de diseño.
1.5 rem → 24 px 1.5rem = 24px. Un tamaño de encabezado ordenado que es exactamente 1.5× la base.
Pruébalo arriba: introduce tu valor en rem y obtén los píxeles al instante.
Cómo convertir 0.75rem a px
0.75 rem → 12 px
Multiplica 0.75 por 16 para obtener 12px. 0.75rem es un tamaño común para pies de foto, etiquetas y letra pequeña.
0.75 rem → 12 px 0.75rem = 12px (tres cuartos de la base). Útil para texto secundario.
Pruébalo arriba: introduce tu valor en rem y obtén los píxeles al instante.
Cómo convertir 0.875rem a px
0.875 rem → 14 px
Multiplica 0.875 por 16 para obtener 14px. 0.875rem es un tamaño de texto de cuerpo y de interfaz muy común en las bibliotecas de componentes.
0.875 rem → 14 px 0.875rem = 14px, el tamaño de texto por defecto en muchos frameworks de interfaz.
Pruébalo arriba: introduce tu valor en rem y obtén los píxeles al instante.
Cómo convertir 2rem a px
2 rem → 32 px
Multiplica 2 por 16 para obtener 32px. 2rem es un valor frecuente para encabezados grandes y espaciado de secciones, que se mapea a un limpio 32px.
2 rem → 32 px 2rem = 32px, exactamente el doble de la base; fácil de recordar para encabezados grandes y espaciado.
Pruébalo arriba: introduce tu valor en rem y obtén los píxeles al instante.
Cómo convertir 0.5rem a px
0.5 rem → 8 px
Multiplica 0.5 por 16 para obtener 8px. 0.5rem es un incremento de espaciado común para padding, márgenes y gaps.
0.5 rem → 8 px 0.5rem = 8px, la mitad de la base; una unidad de espaciado pequeño frecuente.
Pruébalo arriba: introduce tu valor en rem y obtén los píxeles al instante.
Tabla de conversión de REM a PX
Valores de rem a px precalculados con el tamaño de fuente raíz por defecto de 16px. Guarda esta página en marcadores para consultas rápidas.
Rem a píxeles (base de 16px)
| REM | PX |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1 | 16 |
| 1.25 | 20 |
| 1.5 | 24 |
| 1.75 | 28 |
| 2 | 32 |
| 2.25 | 36 |
| 2.5 | 40 |
| 2.75 | 44 |
| 3 | 48 |
Valores rem más grandes a px
| REM | PX |
|---|---|
| 3.5 | 56 |
| 4 | 64 |
| 4.5 | 72 |
| 5 | 80 |
| 5.5 | 88 |
| 6 | 96 |
| 6.5 | 104 |
| 7 | 112 |
| 7.5 | 120 |
| 8 | 128 |
Cómo usar el conversor de REM a PX
- 1
Introduce un valor en rem
Escribe o pega un número en el campo Rem. Los píxeles equivalentes aparecen al instante, sin necesidad de un botón de conversión.
- 2
Establece el tamaño de fuente raíz (opcional)
La base es 16px por defecto. Cámbiala para que coincida con tu proyecto (por ejemplo 10px para la técnica del 62.5%) y cada resultado se actualiza según la nueva base.
- 3
Lee el resultado en píxeles y la vista previa
El campo Píxeles muestra el valor convertido, la línea de vista previa renderiza el texto a ese tamaño y la fórmula confirma la proporción actual (p. ej. 1rem = 16px).
- 4
Copia el valor
Haz clic en el icono de copiar junto a cualquiera de los campos para copiar el valor en rem o px al portapapeles, listo para pegarlo donde lo necesites.
Casos de uso de la conversión de REM a PX
- Coincidir con un mockup en píxeles
- Comprueba a qué píxeles se resuelven los valores rem de tu CSS para que cuadren con el mockup en px de un diseñador.
- Entrega a diseño
- Traduce un sistema de diseño basado en rem de vuelta a px al comunicar tamaños a diseñadores o partes interesadas que piensan en píxeles.
- Depurar diseño y tipografía
- Resuelve rápidamente tamaños de fuente, espaciado y breakpoints en rem a píxeles mientras diagnosticas por qué algo se renderiza a un tamaño dado.
- Verificar la técnica del 62.5%
- Convierte rem a px según un tamaño de fuente raíz de 10px para confirmar valores al usar html { font-size: 62.5% }.
- Establecer propiedades solo de px
- Obtén la cifra exacta en píxeles para una propiedad o herramienta que espera píxeles en lugar de rem.
- Revisar bibliotecas de componentes
- Consulta los tamaños en píxeles detrás de una biblioteca de componentes basada en rem para auditar las escalas de espaciado y tipografía.
Detalles técnicos
- La unidad rem
- rem es relativa al font-size del elemento raíz . 1rem equivale a ese font-size en píxeles (16px por defecto), por lo que px = rem × tamaño-de-fuente-raíz.
- Aritmética de doble precisión
- Las conversiones usan coma flotante de doble precisión IEEE 754, redondeada a un máximo de cinco decimales con los ceros finales eliminados para obtener valores limpios.
- Procesamiento del lado del cliente
- Toda la lógica de conversión se ejecuta en JavaScript dentro de tu navegador. No se realiza ninguna llamada de red: la herramienta funciona por completo sin conexión una vez cargada.
Buenas prácticas para usar rem y px
- Convierte según tu base real
- Usa siempre el tamaño de fuente raíz que tu hoja de estilos realmente establece. Una base de 10px (técnica del 62.5%) resuelve rem en píxeles distintos a la base por defecto de 16px.
- Escribe en rem, verifica en px
- Mantén tu CSS en rem por accesibilidad y usa la cifra en píxeles para la revisión, la entrega y la depuración, no como razón para fijar px de forma rígida.
- Atento a la acumulación de em frente a rem
- Si un valor se resuelve de forma inesperada, confirma que es rem (relativo a la raíz) y no em (relativo al padre), que se acumula al anidarse.
Preguntas frecuentes sobre REM a PX
¿Cuánto es 1rem en píxeles?
1rem equivale al tamaño de fuente raíz en píxeles: 16px por defecto. La unidad rem es relativa al font-size del elemento raíz , por lo que px = rem × tamaño-de-fuente-raíz. En una configuración estándar, 1rem = 16px, 1.5rem = 24px y 2rem = 32px. Si una hoja de estilos cambia el tamaño de fuente raíz, el valor en píxeles de 1rem cambia con él.
¿Cómo se convierte rem a px?
Multiplica el valor en rem por el tamaño de fuente raíz. La fórmula es px = rem × base, donde base es el font-size del elemento (16px por defecto). Por ejemplo, 1.5rem × 16 = 24px, y 0.75rem × 16 = 12px. Esta herramienta hace la multiplicación por ti en tiempo real y te permite cambiar la base si tu proyecto usa un tamaño de fuente raíz diferente.
¿Cuánto es 16px en rem?
16px equivalen a 1rem con el tamaño de fuente raíz por defecto de 16px, porque rem = px ÷ base. Esto es lo inverso de la dirección de rem a px: 1rem = 16px, así que 16px = 1rem. Cambia la base en la herramienta, o usa el conversor de px a rem, si tu proyecto no usa una raíz de 16px.
¿Por qué los diseños usan rem en lugar de px?
Las unidades rem respetan la preferencia de tamaño de fuente del navegador del usuario, lo cual es importante para la accesibilidad. Cuando alguien aumenta su tamaño de fuente predeterminado, todo lo dimensionado en rem se escala proporcionalmente, mientras que los valores en px permanecen fijos. Rem también mantiene un sistema de diseño coherente: cambia un único tamaño de fuente raíz y toda la interfaz se reescala. Convertir rem de vuelta a px sigue siendo útil para la revisión de precisión en píxeles, la entrega a diseño y la depuración.
¿Cuál es la diferencia entre rem, em y px?
px es una unidad absoluta: un píxel CSS fijo. rem es relativa al font-size del elemento raíz (), por lo que es coherente en toda la página. em es relativa al font-size del elemento padre actual, por lo que se acumula al anidarse. Usa rem para la mayoría del dimensionado para que se escale con la preferencia del usuario, px para detalles fijos como los bordes de 1px, y em cuando quieras que un valor se escale en relación con su contexto local.
¿Qué es el truco del tamaño de fuente del 62.5%?
Establecer html { font-size: 62.5% } hace que el tamaño de fuente raíz sea 10px (el 62.5% del valor por defecto de 16px). Con una base de 10px, 1rem = 10px, así que rem a px es solo «multiplicar por 10»: 1.6rem = 16px, 2.4rem = 24px. A muchos desarrolladores les gusta la aritmética más simple, y luego establecen body { font-size: 1.6rem } para un texto de cuerpo legible de 16px. Establece el tamaño de fuente raíz de esta herramienta en 10 para convertir según la base del 62.5%.
¿Puedo cambiar el tamaño de fuente raíz en este conversor?
Sí. El campo Tamaño de fuente raíz tiene 16px por defecto, pero acepta cualquier valor: 10, 18, 20 o el que use tu proyecto. Cada conversión y la tabla de referencia se actualizan según la base que establezcas. Haz clic en «Restablecer a 16» para volver al valor por defecto. La mayoría de los conversores fijan 16px de forma rígida; la base personalizada es lo que permite que esta herramienta coincida con tu hoja de estilos real.
¿1rem siempre son 16px?
Solo cuando el tamaño de fuente raíz es 16px, que es el valor por defecto en prácticamente todos los navegadores. La relación 1rem = 16px se mantiene siempre que no se sobrescriba html { font-size }. Si una hoja de estilos establece el tamaño de fuente raíz en 10px o 18px, entonces 1rem equivale en cambio a ese valor. Convierte siempre según el tamaño de fuente raíz real de la página.
¿Cuándo debería convertir rem de vuelta a px?
Convertir rem a px es útil cuando necesitas valores de precisión en píxeles: coincidir con un mockup de diseño, comunicar tamaños a un diseñador que trabaja en píxeles, establecer una propiedad solo de px, o depurar por qué un elemento se renderiza a cierto tamaño. La escritura en rem permanece en tu CSS para la escalabilidad; la cifra en px es para la verificación y la entrega.
¿Importa qué tamaño de fuente raíz uso para la conversión?
Sí: el tamaño de fuente raíz es el multiplicador, así que cambia directamente el resultado. 2rem son 32px con una base de 16px, pero 20px con una base de 10px. Si tu hoja de estilos usa la técnica del 62.5% o cualquier tamaño de fuente raíz personalizado, establece la base de la herramienta para que coincida, o los valores en píxeles serán incorrectos.
¿Qué precisión tiene este conversor de rem a px?
Las conversiones usan aritmética de doble precisión IEEE 754 y la fórmula exacta px = rem × base, con resultados redondeados a un máximo de cinco decimales y los ceros finales eliminados. Eso es mucho más fino de lo que el navegador necesita, y las cuentas son deterministas, así que puedes confiar en ellas para el trabajo de producción.
¿Están seguros mis datos al usar este conversor?
Por completo. Todas las conversiones se ejecutan localmente en tu navegador usando JavaScript. No se envía ningún valor a ningún servidor: no hay peticiones de red, no hay cookies sobre lo que introduces y no hay analítica sobre lo que escribes. Puedes comprobarlo desconectándote de internet: la herramienta sigue funcionando por completo sin conexión una vez que la página se ha cargado.
Herramientas relacionadas
Ver todas las herramientas →Conversor de Bases — Binario, Hex, Decimal, Octal
Herramientas de Conversión
Convierte números entre binario, hexadecimal, decimal, octal y cualquier base personalizada (2-36) al instante. Gratis, privado, sin registro — todo el procesamiento ocurre en tu navegador.
Convertidor de Color — HEX, RGB, HSL y OKLCH
Herramientas de Conversión
Convierta HEX a RGB, HSL, OKLCH, OKLAB y CMYK en su navegador — copie cualquier formato con un clic. Gratis, sin registro, sus colores nunca salen de la página.
Convertidor HEX a CMYK
Herramientas de Conversión
Convierta colores HEX a CMYK en su navegador. Aproximación ingenua basada en sRGB para vistas previas de imprenta. Gratis, sin registro, sus colores nunca salen de la página.
Convertidor HEX a HSL
Herramientas de Conversión
Convierta cualquier color hex a HSL en su navegador — admite hex de 3 dígitos, 6 dígitos y 8 dígitos con alfa. Gratis, instantáneo, sin registro, sus colores nunca salen de la página.
Convertidor HEX a OKLCH
Herramientas de Conversión
Convierta HEX a OKLCH para tokens de diseño de Tailwind v4. Salida perceptualmente uniforme en vivo con avisos de gama Display P3. Gratis, solo en el navegador.
Convertidor HEX a RGB
Herramientas de Conversión
Convierta cualquier código de color hex a RGB en su navegador — admite hex de 3 dígitos, 6 dígitos y 8 dígitos con alfa. Gratis, instantáneo, sin registro, sus colores nunca salen de la página.