Conversor de unidades CSS
Convierte valores entre unidades CSS como px, rem, em, porcentajes, puntos, vw, vh y medidas físicas con tamaño base y viewport configurables.
Ejecutar herramienta
Este conversor calcula equivalencias entre diferentes unidades CSS utilizadas en desarrollo web y maquetación responsive. Admite unidades relativas como rem, em, porcentajes, vw y vh, además de unidades absolutas como px, pt, cm, mm y pulgadas. El cálculo pasa el valor inicial a una medida intermedia en píxeles y luego aplica la transformación a la unidad de destino elegida. Puedes ajustar el tamaño de fuente base, fijado por defecto en 16 píxeles, para calcular proporciones en rem o em según la configuración de tu hoja de estilos. Del mismo modo, el ancho y el alto del viewport permiten convertir unidades de ventana gráfica como vw y vh con respecto a pantallas específicas. Las medidas físicas emplean factores estándar, por ejemplo 96 píxeles por pulgada o 37,795 píxeles por centímetro. La herramienta muestra el valor final redondeado a cuatro decimales junto con el valor equivalente en píxeles.
Instrucciones
- Introduce el valor numérico que deseas convertir en el campo principal.
- Selecciona la unidad de origen en la lista desplegable.
- Elige la unidad de destino a la que quieres transformar la cifra.
- Ajusta el tamaño de fuente base si utilizas un valor de referencia distinto a 16 px.
- Configura el ancho y el alto del viewport si la conversión incluye unidades vw o vh.
- Consulta en el panel el valor convertido y su equivalencia en píxeles.
Ejemplos
- Convertir 24 px a rem con un tamaño base de 16 px produce 1.5 rem (equivalente a 24 px).
- Convertir 50 vw a px con un viewport de 1920 px de ancho genera 960 px.
Preguntas frecuentes
¿Cómo se calculan las conversiones a rem y em?
El conversor divide el valor en píxeles entre el tamaño de fuente base configurado. Con el valor predeterminado de 16 px, un valor de 32 px equivale a 2 rem.
¿Qué ocurre si el tamaño base o la dimensión del viewport se define en cero?
Si el tamaño base es cero, las conversiones hacia em, rem o porcentajes devuelven cero. Si el ancho o el alto del viewport es cero, las conversiones hacia vw o vh respectivamente devuelven cero.
¿Qué factores de conversión se aplican a las unidades físicas?
Se emplean equivalencias fijas: 1 pulgada equivale a 96 px, 1 punto a 1,33333 px, 1 centímetro a 37,795 px y 1 milímetro a 3,7795 px.