Convierte al instante entre px, rem, em, pt, vw, vh y %, usando tu propio tamaño de fuente base y las dimensiones del viewport — se acabó adivinar qué es en realidad 1.5rem en píxeles.
CSS admite varias unidades diferentes para el dimensionamiento — absolutas como px y pt, y relativas como rem, em, vw, vh y %. Las unidades relativas son esenciales para un diseño responsivo y accesible (rem en particular respeta la preferencia de tamaño de fuente del navegador del usuario), pero convertirlas mentalmente es realmente difícil, ya que el resultado depende del contexto: el tamaño de fuente raíz, el tamaño de fuente del elemento actual o las dimensiones del viewport.
Este conversor hace ese cálculo por ti: define tu tamaño de fuente base, las dimensiones del viewport y el valor que estás convirtiendo, y observa al instante el valor equivalente en cada otra unidad — útil para traducir las medidas en píxeles de una maqueta de diseño en valores responsivos rem/vw, o para comprobar cómo se renderiza realmente en pantalla una regla CSS existente.
Con un tamaño de fuente base de 16px, 1.5rem se convierte en 24px. Con un ancho de viewport de 1440px, 5vw se convierte en 72px.