Convierte píxeles a unidades rem al instante con este convertidor CSS gratuito. Ajusta la fuente base de tu proyecto y copia el resultado al portapapeles.
| 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 |
Ingresa un valor en píxeles para convertirlo a unidades rem. La conversión divide tu valor en píxeles por el tamaño de fuente raíz (predeterminado 16px). Esta es la conversión de unidades CSS más común para el desarrollo web moderno.
| Píxeles | Rem (base 16px) | Rem (base 14px) | Caso de Uso |
|---|---|---|---|
| 12px | 0.75rem | 0.857rem | Texto pequeño |
| 14px | 0.875rem | 1rem | Texto de cuerpo |
| 16px | 1rem | 1.143rem | Tamaño de fuente base |
| 18px | 1.125rem | 1.286rem | Texto de encabezado |
| 24px | 1.5rem | 1.714rem | Encabezados H3 |
| 32px | 2rem | 2.286rem | Encabezados H2 |
| 48px | 3rem | 3.429rem | Encabezados H1 |
Una especificación de diseño requiere 24px de relleno con un tamaño de fuente raíz de 16px. Divide 24 entre 16 para obtener 1.5rem. Si tu tamaño de fuente raíz es 14px, divide 24 entre 14 para obtener aproximadamente 1.714rem.
Para más conversiones, consulta el Convertidor de Unidades CSS completo o prueba Rem a Px.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.