Conversor de REM a PX
Esta herramienta convierte valores rem de nuevo a píxeles. Es la operación inversa a una conversión de px a rem y resulta invaluable para inspeccionar diseños basados en rem: introduce un valor rem, define tu tamaño de fuente raíz y verás al instante a cuántos píxeles se renderiza exactamente. Eso facilita verificar el espaciado, comprobar tamaños calculados y entregar especificaciones precisas.
1rem = 16px. Si tu proyecto usa un font-size del html distinto, define la base en consecuencia para un resultado en píxeles preciso.Cuándo Necesitas PX a Partir de REM
Inspeccionar Tamaños Calculados
Entrega Pixel-Perfect
Coincidir con Recursos de Diseño
Cómo Convertir REM a PX
Define el Tamaño de Fuente Raíz
Introduce el font-size raíz (html) de tu proyecto en el campo Tamaño de Fuente Base. El valor predeterminado de 16px coincide con la línea base estándar del navegador.
Introduce un Valor en REM
Selecciona la pestaña de unidad rem y escribe el valor rem a convertir. El equivalente en píxeles se actualiza en vivo.
Lee el Resultado
El valor en píxeles aparece al instante en el panel de resultados, junto a los equivalentes en em y rem. Ajusta los decimales según la precisión que desees.
Copia el Resultado
Haz clic en el botón de copiar junto al resultado en px y pégalo donde necesites una medida exacta en píxeles.
px = rem × font-size raíz. Por ejemplo, 1.5rem × 16px = 24px.Cómo se Relacionan REM y PX
Los píxeles son absolutos y el rem es relativo, así que responden a preguntas distintas. Entender el equilibrio te ayuda a decidir cuál declarar en CSS y cuál convertir como referencia.
Relativo y escalable
- Vinculado al font-size raíz
- Escala con las preferencias de fuente del usuario
- Recomendado para diseño y tipografía
- Un valor, consistente en todas partes
Absoluto y fijo
- Un píxel de pantalla, sin relatividad
- Ignora las preferencias de fuente del usuario
- Ideal para bordes y líneas finas
- Medida exacta y predecible
Conversiones Comunes de REM a PX
Valores de referencia con un tamaño de fuente raíz de 16px. Cambia la base en la herramienta para recalcular con cualquier otra raíz.
| REM | Píxeles (raíz 16px) | Uso típico |
|---|---|---|
| 0.5rem | 8px | Espacios ajustados, relleno pequeño |
| 0.75rem | 12px | Leyendas, letra pequeña |
| 1rem | 16px | Texto base del cuerpo |
| 1.5rem | 24px | Títulos de sección, espaciado |
| 2rem | 32px | Títulos de página, espacios grandes |
| 3rem | 48px | Espaciado hero, márgenes amplios |
Preguntas Frecuentes
¿Cómo se convierte rem a px?
Multiplica el valor rem por el tamaño de fuente raíz: px = rem × raíz. Con una raíz de 16px, 1.5rem se convierte en 24px. La herramienta lo hace al instante y redondea según la precisión decimal que elijas.
¿Por qué convertiría rem de nuevo a px?
Sobre todo para inspección y comunicación: comprobar a qué equivale un diseño basado en rem, coincidir con recursos de píxeles fijos o entregar medidas exactas a diseñadores y QA. Normalmente el CSS real se mantiene en rem por escalabilidad.
¿Y si el tamaño de fuente raíz de mi proyecto no es 16px?
Solo cambia el campo Tamaño de Fuente Base a tu valor raíz real. Por ejemplo, con una raíz de 10px (la conocida técnica del "62.5%"), 1.5rem equivale a 15px. La herramienta recalcula de inmediato.
¿La conversión de rem a px depende del anidamiento de elementos?
No. Como rem siempre es relativo al font-size raíz, el anidamiento no afecta la conversión. Eso es lo que hace a rem predecible frente a em, que es relativo a cada padre.
¿La conversión se hace en mi navegador?
Sí. Todo se calcula en el cliente mientras escribes. No se envía ningún dato a un servidor, así que la herramienta es instantánea y funciona sin conexión una vez cargada la página.
Aún no hay comentarios. ¡Sé el primero en comentar!