Convierte Rem a Píxeles
Ingresa un valor rem para convertirlo a píxeles. La conversión multiplica tu valor rem por el tamaño de fuente raíz (predeterminado 16px). Usa esto cuando necesites entender la salida real en píxeles de unidades CSS relativas.
Valores Comunes de Rem a Píxeles
| Rem | Píxeles (base 16px) | Píxeles (base 14px) | Contexto |
|---|---|---|---|
| 0.5rem | 8px | 7px | Espaciado pequeño |
| 0.75rem | 12px | 10.5px | Texto pequeño |
| 0.875rem | 14px | 12.25px | Texto de cuerpo (algunos frameworks) |
| 1rem | 16px | 14px | Tamaño de fuente base |
| 1.25rem | 20px | 17.5px | Texto de cuerpo grande |
| 1.5rem | 24px | 21px | Encabezados H3 / sección |
| 2rem | 32px | 28px | Encabezados H2 |
| 3rem | 48px | 42px | Encabezados H1 |
Cómo Usar
- La herramienta se abre con 1rem prellenado, convirtiendo a 16px
- Escribe cualquier valor rem en el campo de entrada
- Ajusta el tamaño de fuente base si tu proyecto usa algo diferente a 16px
- Copia el valor en píxeles de la tabla de resultados
Ejemplo del Mundo Real
Ves font-size: 1.25rem en los estilos calculados y necesitas saber el tamaño real en píxeles. Con un tamaño de fuente raíz de 16px, multiplica 1.25 × 16 = 20px. Si tu framework usa base de 14px, sería 1.25 × 14 = 17.5px.
Para más conversiones, consulta el Convertidor de Unidades CSS completo o prueba Px a Rem.