Convierte al instante entre las 14 unidades CSS. Introduce px, rem, em, vw, vh, pt, cm, in o cualquier otra unidad y visualiza todas las conversiones de un solo vistazo, con compatibilidad con unidades relativas adaptadas al contexto.
1616px1212pt11pc0.42330.4233cm4.234.23mm0.16670.1667in11rem11em100100%1.111.11vw1.781.78vh1.781.78vmin1.111.11vmax22chLas unidades CSS se dividen en dos categorías: las unidades absolutas, que se corresponden con un tamaño físico o de pantalla fijo, y las unidades relativas, que se ajustan en función del contexto, como el tamaño de la fuente o las dimensiones de la ventana de visualización. Entre las unidades absolutas se incluyen px, pt, pc, cm, mm e in. Las unidades relativas incluyen rem (relativa al tamaño de fuente raíz), em (relativa al tamaño de fuente del elemento padre), % (porcentaje del elemento padre), vw y vh (anchura y altura de la ventana gráfica), vmin y vmax (el menor o el mayor de vw y vh), y ch (el ancho del carácter cero en la fuente actual).
Introduce un valor y selecciona su unidad de origen. El conversor muestra inmediatamente el valor equivalente en las otras 13 unidades. Para que las unidades relativas se calculen correctamente, despliega el panel de contexto y configura el tamaño de fuente raíz (normalmente 16 px), el tamaño de fuente del elemento padre y las dimensiones de la ventana gráfica. Estos valores predeterminados se ajustan a un entorno de navegador estándar, por lo que la mayoría de las conversiones funcionan sin necesidad de modificarlos.
Esta herramienta resulta útil a la hora de convertir las especificaciones de diseño de px a rem para cumplir con los requisitos de accesibilidad, comprobar cómo se comporta un tamaño relativo a la ventana de visualización con un ancho de pantalla concreto, o comprender cómo se aplican en cascada las unidades em dentro de elementos anidados. Los ingenieros la utilizan con frecuencia al migrar un código fuente de diseños basados en px a un sistema de unidades rem o fluidas.