Conversor de px a rem y em
Convierte entre px, rem y em con tu propio tamaño de fuente raíz y de contexto: edita cualquier campo y los otros dos se actualizan al momento.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Cada conversión se hace en tu navegador. Nada de lo que escribes se sube a BroBroGo.
Preguntas frecuentes
¿Qué diferencia hay entre px, rem y em?
px es una longitud fija. rem se mide respecto al tamaño de fuente raíz de la página, así que con una raíz de 16px, 1rem equivale a 16px. em se mide respecto al tamaño de fuente del elemento en el que está. Definir el texto y los espacios en rem hace que todo se ajuste cuando alguien cambia su tamaño de fuente predeterminado.
¿Por qué hay un tamaño de contexto em aparte?
em es relativo al tamaño de fuente de su propio elemento, que no siempre es el raíz. Ajusta el contexto em al tamaño de fuente de ese elemento para leer bien el em; déjalo igual que la raíz cuando ambos coincidan.
¿Y si mi tamaño de fuente raíz no es 16px?
Cambia el campo de tamaño de fuente raíz para que coincida con tu CSS y cada valor en rem se actualiza al instante. La tabla de abajo es una guía rápida para la raíz de 16px con la que arrancan la mayoría de los sitios.