Conversor de Unidades CSS
Convierte entre unidades CSS — px, rem, em, vw, vh, pt, cm, mm y in — al instante en tu navegador. Configura el tamaño de fuente base y las dimensiones del viewport.
| Unidad | Valor |
|---|
Preguntas frecuentes
¿Cuál es la diferencia entre px, rem y em?
px (píxeles) es una unidad absoluta que siempre corresponde a un número fijo de píxeles del dispositivo. rem (root em) es relativo al tamaño de fuente del elemento HTML raíz — por defecto 16px en la mayoría de los navegadores. em es similar pero relativo al tamaño de fuente del padre del elemento actual, lo que lo hace dependiente del contexto y puede acumularse cuando se anida. Para diseños consistentes y escalables, rem es generalmente preferible a em.
¿Cuándo debo usar vw y vh?
vw (viewport width) y vh (viewport height) son porcentajes de las dimensiones del viewport del navegador. 1vw equivale al 1% del ancho del viewport y 1vh al 1% de la altura. Son ideales para secciones de pantalla completa, tipografía responsiva y secciones hero fluidas. Ten en cuenta que vh puede comportarse de forma inesperada en navegadores móviles donde la barra de direcciones cambia la altura disponible.
¿Cómo se relacionan pt, cm, mm y in con px?
Estas son unidades físicas diseñadas para medios impresos. En pantalla, CSS define 1 pulgada como exactamente 96px, independientemente de la densidad real de la pantalla. Desde ese punto de referencia: 1pt = 96/72 px ≈ 1,333px, 1cm ≈ 37,795px, 1mm ≈ 3,78px. Aunque estas unidades son precisas en impresión, en pantalla son relativas al píxel de referencia CSS.