Conversor de REM a PX
Convierte rem de vuelta a píxeles con la raíz que use tu proyecto y copia el valor en px. La tabla se recalcula al cambiar el tamaño raíz.
Convertir rem a píxeles
Introduce un número válido para ver la conversión.
El tamaño raíz define cuántos píxeles equivale 1rem. El valor predeterminado del navegador suele ser 16px.
Tabla rápida
| Rem | Píxeles |
|---|---|
| 0.5rem | 8px |
| 0.75rem | 12px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 2.5rem | 40px |
| 3rem | 48px |
| 4rem | 64px |
| 5rem | 80px |
¿Cuántos píxeles son un rem?
rem es una unidad relativa: representa el tamaño de fuente del elemento html. Para pasarla a píxeles se multiplica el valor en rem por ese tamaño raíz. Con el valor por defecto de 16px, 1rem son 16px, 0.5rem son 8px y 1.5rem son 24px.
Como la respuesta cambia con la raíz, convertir rem a px solo tiene sentido cuando sabes qué pone el proyecto en html. Esta herramienta muestra el tamaño raíz, la multiplicación y una tabla de valores rem habituales para el tamaño que elijas.
Cómo convertir rem a px
- Define el tamaño de fuente raíz, o pulsa 16px para el valor por defecto del navegador y 10px para el habitual 62.5%.
- Escribe el valor en rem que quieres convertir, por ejemplo 1.5.
- Pulsa Convertir a px: el resultado muestra el valor en píxeles, la multiplicación de la que sale y un botón para copiarlo.
- Revisa la tabla de referencia para ver otros valores rem habituales con el mismo tamaño raíz.
Ejemplos de rem a px
Raíz por defecto
raíz 16px, 1rem
16px
Medio paso
raíz 16px, 0.5rem
8px
Raíz 62.5%
raíz 10px, 2.4rem
24px
UrsaKit frente a otros conversores de rem a px
| Criterio | UrsaKit | pixelsconverter.com | codebeautify.org | nekocalc.com |
|---|---|---|---|---|
| Precio | Gratis | Gratis con anuncios | Gratis con anuncios | Gratis con anuncios |
| La tabla sigue el tamaño raíz | Sí | No | Parcial | Parcial |
| Presets de 16px / 10px | Sí | No | No | No |
| Muestra la multiplicación del resultado | Sí | No | No | No |
| Sube algún archivo | No | No | No | No |
Preguntas frecuentes
¿Cuánto es 1rem en píxeles?
Multiplica 1 por el tamaño raíz. Con la raíz por defecto de 16px, 1rem son 16px; con una raíz del 62.5%, son 10px.
¿Cuánto es 1.5rem en px?
Con raíz de 16px, 1.5 × 16 = 24px. Con raíz de 10px, ese mismo 1.5rem son 15px: por eso importa el tamaño raíz.
¿Cómo convierto rem a px a mano?
Multiplica el valor en rem por el tamaño raíz. Con raíz de 16px, 0.75rem son 12px y 2rem son 32px.
¿Por qué mi resultado no coincide con otra herramienta?
Lo más probable es que use otro tamaño raíz. Una herramienta que asume 16px se desvía un factor de 1.6 en un proyecto con 62.5%; revisa primero la raíz.
¿El traspaso de diseño debería usar px o rem?
Los archivos de diseño suelen quedarse en px porque es lo que muestra el lienzo, y el CSS publicado usa rem para que el texto escale. Convierte una vez en el límite y mantén una sola unidad dentro de cada sistema.
¿Se sube algo?
No, todo se ejecuta en el navegador.