Convertidor de unidades CSS
Opciones de unidad
Conversión
Contexto
rem usa el tamaño de fuente base. em y % usan el tamaño principal. vw y vh utilizan el ancho y alto de la ventana gráfica.
Estado
inactivo
Vista previa en vivo
CSS unit preview
16px = 1rem
Acerca del convertidor de unidades CSS
CSS Unit Converter ayuda a convertir unidades CSS comunes como px, rem, em, %, vw y vh. Es útil para adaptar tipografía, espaciado, puntos de interrupción y diseños responsivos.
Puede cambiar el tamaño de fuente base, el tamaño principal, el ancho y la altura de la ventana gráfica para que coincidan con el contexto de su proyecto en lugar de depender de suposiciones fijas.
como usarlo
- Ingrese el valor que desea convertir.
- Elija las unidades CSS de origen y destino.
- Ajuste el tamaño de fuente base, el tamaño principal o los valores de la ventana gráfica cuando sea necesario.
- Copie el valor convertido o la regla CSS.
Consejos
- Utilice 16px como tamaño base predeterminado común para conversiones rem.
- Utilice el tamaño principal al convertir valores em o porcentuales.
- Utilice el ancho de la ventana gráfica para vw y la altura de la ventana gráfica para conversiones de vh.
- Consulte la vista previa para comprender la escala visual del valor convertido.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.
Generador de Media Query CSS
Cree media queries CSS responsivas para breakpoints de ancho, orientación, modo oscuro, movimiento reducido y soporte para hover.
Utilidades varias
›
Generador de Container Query CSS
Genere container queries CSS con `container-type`, `container-name`, reglas de breakpoint y declaraciones responsivas.
Utilidades varias
›
Generador de cuadrícula CSS
Cree diseños de cuadrícula CSS con columnas, filas, espacios, alineación, vista previa en vivo y CSS listo para copiar.
Utilidades varias
›
Convertidor de colores
Convierta colores HEX, RGB, RGBA y HSL instantáneamente en su navegador.
Utilidades varias
›
Preguntas frecuentes sobre el convertidor de unidades CSS
¿En qué se diferencian px y rem?
px es una longitud CSS absoluta. rem es relativo al tamaño de fuente raíz, comúnmente 16px de forma predeterminada.
¿Cuándo debo usarlos?
em es relativo al tamaño de fuente actual o principal, por lo que es útil para escalar a nivel de componente.
¿Cómo se convierte el porcentaje?
La conversión porcentual depende de un tamaño de referencia. Esta herramienta utiliza el campo de tamaño principal como referencia.
¿Cómo se calculan vw y vh?
1vw es el 1% del ancho de la ventana gráfica y 1vh es el 1% de la altura de la ventana gráfica.