Calculadora de unidades CSS

Convierte entre unidades CSS px, rem, em y pt con un tamaño de fuente raíz configurable y obtén el valor CSS listo para pegar.

Preguntas frecuentes

¿Cuándo debo usar em en lugar de rem?

Usa em cuando quieres un tamaño relativo al tamaño de fuente del elemento actual, como el relleno de un botón o un icono que coincida con el texto. Usa rem para un tamaño consistente relativo a la raíz, independiente del nivel de anidación.

¿Por qué 1px no equivale a 1 píxel físico?

Los píxeles CSS son independientes del dispositivo. En pantallas de alta densidad, 1 píxel CSS corresponde a 2 o más físicos, haciendo que los diseños se vean nítidos en pantallas HiDPI sin requerir cambios en el CSS.

¿Qué hay de las unidades vw, vh, % y ch?

Estas unidades dependen de las dimensiones del viewport, el tamaño del contenedor o el contenido que cambia dinámicamente, por lo que no pueden convertirse a un valor de píxel fijo. Esta calculadora cubre solo las cuatro unidades de relación fija.

¿Es 1pt siempre 1.333px?

Sí, en CSS: 1 pulgada = 72 puntos y 1 pulgada = 96 píxeles CSS, entonces 1pt = 96/72 = 1.333px por definición de la especificación CSS, independientemente del DPI de la pantalla.

Aviso importante: Estimaciones solo con fines informativos.

Esta calculadora ofrece estimaciones con fines informativos. Los resultados se basan en supuestos y pueden no reflejar resultados reales. Consulta a profesionales calificados en las áreas correspondientes antes de tomar decisiones importantes basadas en estos resultados.