Conversor de PX a REM (Unidades CSS)
Convierta un tamaño CSS en píxeles a rem, em, puntos, porcentaje y unidades de ventana, para cualquier tamaño de letra raíz.
Resultados
Tamaño en rem (y em con la letra raíz)
1,5000
rem
Tamaño en puntos
18,00
pt
En porcentaje del tamaño raíz
150,00
%
En unidades de ancho de ventana (vw)
1,6667
vw
Qué hace esta herramienta
Los tamaños en rem siguen el tamaño de letra que el lector ha elegido en el navegador, así que el texto y los espacios en rem crecen para quien necesita letras más grandes, mientras que los tamaños en píxeles ignoran ese ajuste. Los navegadores parten de 16 px, y por eso 1 rem suele ser 16 px; cambie el tamaño raíz si su hoja de estilos define otro en el elemento html. Un punto CSS es 1/72 de pulgada y un píxel CSS 1/96, así que un píxel es siempre 0,75 pt. Para volver, multiplique el valor en rem por el tamaño raíz.
Fórmula
rem = px ÷ root size · pt = px × 0.75 · vw = px ÷ viewport width × 100
Variables
| Símbolo | Significado | Unidad |
|---|---|---|
px | Tamaño en píxeles | px |
bf | Tamaño de letra raíz | px |
vw | Ancho de la ventana | px |
REM | Tamaño en rem (y em con la letra raíz) | rem |
PT | Tamaño en puntos | pt |
PC | En porcentaje del tamaño raíz | % |
VW | En unidades de ancho de ventana (vw) | vw |
Ejemplo resuelto
- Tamaño en píxeles24 px
- Tamaño de letra raíz16 px
- Ancho de la ventana1440 px
- Tamaño en rem (y em con la letra raíz)1,5000 rem
- Tamaño en puntos18,00 pt
- En porcentaje del tamaño raíz150,00 %
- En unidades de ancho de ventana (vw)1,6667 vw
Limitaciones
- El cálculo se realiza íntegramente en su navegador. Los valores introducidos nunca se envían a un servidor.
- El cálculo se realiza con precisión total y solo se redondea la presentación. Si copia un valor intermedio y lo vuelve a escribir, pueden aparecer pequeñas diferencias.