DevBentoConversor Px a Em
Convierte píxeles a unidades em al instante con este conversor CSS gratis. Ajusta el tamaño de fuente padre y mira la conversión en tiempo real.
Configuración de viewport
| Unidad | Valor | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Convierte píxeles a em
Introduce un valor en píxeles para convertirlo a em. La conversión divide tu valor entre el tamaño de fuente del elemento padre (16px por defecto). A diferencia de rem, em sigue al padre más cercano, ideal para componentes que escalan como unidad.
Valores comunes (padre 16px)
| Píxeles | Em | Caso de uso |
|---|---|---|
| 12px | 0.75em | Letra pequeña en tarjeta |
| 16px | 1em | Igual que el padre |
| 24px | 1.5em | Encabezado de tarjeta |
| 32px | 2em | Texto hero |
La trampa de la acumulación
Em multiplica hacia abajo en el árbol. Tres niveles de 1.2em producen 1.728em en la hoja. Solución: aplica el factor en un solo nivel, o usa rem en contenedores externos y em solo dentro del componente hoja.
Para unidades relativas a la raíz prueba Px a Rem o mira todas en el CSS Units Converter.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.