Convertidor px / rem / em
Convierte unidades CSS px, rem, em, pt y % con una base configurable.
- Instantánea
- Gratis
- Privada (procesada localmente)
- Sin registro
Convierte las unidades CSS al instante
Introduce un valor y su unidad, elige la base (tamaño de fuente raíz, 16 por defecto) y obtén los equivalentes en px, rem, em, pt y %. Haz clic en un valor para copiarlo.
-
Introduce el valor
Y su unidad de partida.
-
Ajusta la base
El tamaño de fuente raíz (16 px por defecto).
-
Copia la unidad que quieras
Un clic copia el valor listo para CSS.
Equivalencias (base 16 px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Relaciones: 1 rem = base px; 1 px = 0,75 pt; % = px ÷ base × 100. Todo se calcula localmente.
Preguntas frecuentes
¿Cuál es la diferencia entre px, rem y em?
px es un tamaño fijo. rem es relativo al tamaño de fuente del elemento raíz (html), 16 px por defecto. em es relativo al tamaño de fuente del padre. Aquí la base que fijas es la referencia para rem, em y %.
¿Por qué usar rem en vez de px?
rem respeta el tamaño de fuente que el usuario eligió en su navegador: tu sitio sigue legible y accesible cuando alguien aumenta el tamaño por defecto. Se recomienda para fuentes y muchos espaciados.
¿Cómo se pasa de px a pt?
En CSS, 1 px = 1/96 de pulgada y 1 pt = 1/72 de pulgada, así que 1 px = 0,75 pt. Con una base de 16, 16 px = 12 pt. El pt se usa sobre todo para impresión.
¿Cuánto vale 1 rem?
1 rem = el tamaño de fuente raíz. Con la base por defecto de 16, 1 rem = 16 px = 100 %. Si fijas la base a 10, 1 rem = 10 px, lo que simplifica los cálculos (1,6 rem = 16 px).