Convertidor de Unidades CSS
Herramienta práctica para convertir unidades de medida CSS como px, em, rem, %, vw y vh. Ajusta tamaños de fuente, márgenes y espaciados con precisión para un diseño web eficiente y responsivo.
Cineinfox 
Photoclip Convertidor de Unidades CSS
Convertidor
Ingresa un valor y selecciona las unidades para convertir
Conversión
Unidades Absolutas
Tamaño fijo, no cambian con el contexto
px px
Pixels - unidad absoluta
pt pt
Puntos - 1pt = 1.33px
cm cm
Centímetros - 1cm = 37.8px
mm mm
Milímetros - 1mm = 3.78px
in in
Pulgadas - 1in = 96px
Unidades Relativas
Dependen del contexto del elemento
em em
Relativo al tamaño de fuente del elemento
rem rem
Relativo al tamaño de fuente raíz
% %
Porcentaje del elemento padre
Unidades de Viewport
Relativas al tamaño de la ventana
vw vw
1% del ancho del viewport
vh vh
1% del alto del viewport
vmin vmin
1% de la dimensión menor del viewport
vmax vmax
1% de la dimensión mayor del viewport
Consejos de Uso
- Usa rem para tamaños de fuente
- Usa em para espaciado relativo
- Usa vw/vh para elementos de pantalla completa
- Usa % para anchos flexibles
Para diseño responsive:
- rem es más predecible que em
- Evita px para texto
- Combina unidades según el contexto
- Testa en diferentes tamaños de pantalla
Buenas prácticas: