Conversor de Unidades CSS
Ingresa un valor y selecciona unidades para convertir. Ajusta la configuración avanzada para cálculos de 'em', 'rem', 'vw', 'vh' y '%'.
| From | To | Formula |
|---|---|---|
| px | rem | px ÷ rootFontSize |
| px | em | px ÷ parentFontSize |
| px | vw | (px ÷ viewportWidth) × 100 |
| px | vh | (px ÷ viewportHeight) × 100 |
| px | % | (px ÷ parentFontSize) × 100 |
px (Pixels): Píxeles; una unidad absoluta relativa al dispositivo de visualización.
em: Relativo al tamaño de fuente del elemento padre.
rem: Relativo al tamaño de fuente del elemento raíz (html).
vw/vh: 1% del ancho del viewport.
%: Relativo al valor del elemento padre para la misma propiedad (por ejemplo, tamaño de fuente del padre para conversión de tamaño de fuente).
pt (Points): Puntos; una unidad absoluta (1pt = 1/72 de pulgada).
in, cm, mm: Pulgadas; una unidad absoluta (1in = 96px)., Centímetros; una unidad absoluta (1cm ≈ 37.8px)., Milímetros; una unidad absoluta (1mm = 1/10 de centímetro).
Cómo usar Conversor de Unidades CSS
- 1
Introduce un valor y las unidades
Escribe el número que quieres convertir y luego elige la unidad de origen (De) y la de destino (A), por ejemplo px a rem.
- 2
Define el contexto avanzado
Para las unidades relativas, abre los Ajustes avanzados para definir el tamaño de fuente raíz, el tamaño de fuente del elemento padre y el ancho y alto del viewport que se usan en el cálculo.
- 3
Convierte
Haz clic en Convertir para calcular el valor equivalente, o usa Intercambiar para invertir las unidades De y A.
- 4
Copia el resultado
Usa Copiar resultado para obtener el valor convertido para tu hoja de estilos.
Preguntas frecuentes
¿Entre qué unidades CSS puede convertir?
¿Por qué las conversiones de em, rem y viewport necesitan ajustes adicionales?
¿Qué tamaño de fuente base asume?
¿Qué precisión tienen las conversiones de unidades absolutas?
¿El conversor es gratuito y se ejecuta localmente?
Herramientas relacionadas
Sigue trabajando con estas prácticas herramientas