Convertidor de Unidades CSS
Convertidor de unidades CSS gratuito online, conversión px/rem/em/vw
Tipos de unidades CSS
px (pixeles) - unidad absoluta, 1px = 1/96 de pulgada. rem - relativo al tamano de fuente raiz (por defecto 16px). em - relativo al tamano de fuente del padre. vw - 1% del ancho del viewport. vh - 1% de la altura del viewport. pt - puntos (1pt = 1.333px). cm, mm, in - unidades fisicas.
Como convertir unidades CSS
Ingresa un valor con su unidad, establece el tamano de fuente raiz (para calculos rem) y las dimensiones del viewport (para vw/vh). La herramienta muestra conversiones a todas las otras unidades. Esto ayuda a asegurar que los disenos responsivos funcionen en diferentes tamanos de pantalla.
▶Debo usar px o rem?
Usa rem para tamanos de fuente y espaciado para soportar la configuracion de accesibilidad del usuario (zoom del navegador). Usa px para bordes, sombras de caja y detalles finos donde el control preciso importa. Muchos equipos adoptan un enfoque rem-first para mejor accesibilidad.
▶Cual es el tamano de fuente raiz por defecto?
El tamano de fuente raiz por defecto en la mayoria de navegadores es 16px. Asi 1rem = 16px, 1.5rem = 24px. Puedes cambiarlo con html { font-size: ... } en CSS.
▶Cuando debo usar vw y vh?
Usa vw/vh para layouts responsivos que escalan con el viewport. Secciones hero que llenan toda la pantalla (100vh), tamanos de fuente que escalan con el ancho del viewport y elementos de ancho completo son casos de uso comunes.