Unidades CSS

Convierte px, rem, em, pt, % y vw

Sin base de datos: AIMRAN no guarda tus archivos, textos ni resultados

¿Qué es Unidades CSS?

En diseño web hay muchas formas de medir: píxeles, rem, em, puntos o porcentajes de la pantalla. Esta herramienta convierte un valor de una unidad a todas las demás para que no tengas que hacer cuentas.

Puedes ajustar el tamaño de fuente de la página, el del elemento padre y el tamaño de la ventana para que el resultado sea exacto en tu caso.

Cómo se usa

  1. Escribe el valor y elige su unidad: px, rem, em, pt, %, vw o vh.
  2. Ajusta en «Contexto» la fuente raíz, la fuente del padre y el ancho y alto de la ventana.
  3. Copia la equivalencia que necesites.
  4. Consulta la tabla de referencia rápida de px a rem, pt y vw.

Ventajas

Detalles técnicos

Todas las conversiones pasan por píxeles CSS. 1 rem equivale al tamaño de fuente del elemento raíz (html, 16 px por defecto); 1 em y 100 % equivalen al tamaño de fuente del elemento padre; 1 pt = 1/72 de pulgada = 96/72 px ≈ 1,333 px, según la definición de CSS de 96 px por pulgada; 1 vw es el 1 % del ancho de la ventana y 1 vh el 1 % del alto (1440 × 900 px por defecto, configurable). El % se interpreta como porcentaje del tamaño de fuente, que es su significado en font-size. Los resultados se redondean a cuatro decimales.

Preguntas frecuentes

¿Cuántos píxeles es 1 rem?

Depende del tamaño de fuente raíz. Por defecto suele ser 16 px, así que 1 rem = 16 px y 24 px = 1,5 rem.

¿Qué diferencia hay entre rem y em?

rem se basa en la fuente del elemento raíz (html) y es igual en toda la página. em se basa en la fuente del elemento padre, por lo que se acumula al anidar elementos.

¿Cómo paso de px a rem?

Divide los píxeles entre el tamaño de fuente raíz. Con 16 px de base, 14 px son 0,875 rem.

¿Cuántos px son 12 pt?

12 pt son 16 px, porque en CSS 1 pt equivale a 1,333 px.

¿Qué es vw y vh?

Unidades relativas a la ventana: 1 vw es el 1 % del ancho y 1 vh el 1 % del alto del área visible.

Más herramientas de Desarrolladores