Convertidor de unidades CSS

• Conversión instantánea de 18 unidades: convierte cualquier valor de unidad CSS a las 18 unidades admitidas al instante: px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh y rlh. Nuestro convertidor de unidades CSS muestra todos los resultados simultáneamente en una cuadrícula limpia por categorías, sin esperas.
• Valores base configurables: define el tamaño de fuente raíz, el tamaño de fuente padre, el ancho y el alto del viewport para que coincidan con el contexto de tu proyecto. Elige entre predefinidos comunes (de 375px iPhone a 2560px QHD) o introduce valores personalizados. Todas las conversiones se actualizan al instante al cambiar cualquier ajuste.
• Privacidad 100 % en el navegador: todas las conversiones de unidades CSS ocurren localmente en tu navegador. Tus valores y ajustes nunca salen de tu dispositivo, totalmente seguros para proyectos propietarios y sistemas de diseño. Sin subidas al servidor, sin retención de datos, sin seguimiento.
• Gratis y sin límites: convierte unidades CSS ilimitadas sin registro, sin suscripción y sin límites de uso. Nuestro convertidor de unidades CSS es completamente gratis para siempre, sin funciones premium bloqueadas tras un muro de pago.

Las unidades CSS definen el tamaño y la medida de los elementos en una página web. Se dividen en cuatro categorías principales: unidades absolutas (px, pt, pc, cm, mm, in, q) que tienen tamaños físicos fijos, unidades relativas a fuente (em, rem, %, ch, ex, lh, rlh) que escalan con la tipografía, unidades de viewport (vw, vh, vmin, vmax) que escalan con la ventana del navegador, y el porcentaje que escala con el elemento padre. Nuestro convertidor de unidades CSS admite las 18 unidades y te muestra al instante valores equivalentes en todas las categorías.

1. Introduce tu valor y selecciona la unidad de origen: escribe cualquier número y elige la unidad desde la que conviertes. Puedes empezar con cualquiera de las 18 unidades CSS admitidas: px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh o rlh.
2. Configura los ajustes dependientes del contexto: define el tamaño de fuente raíz (para rem, rlh), el tamaño de fuente padre (para em, %, ch, ex), el ancho del viewport (para vw, vmin, vmax) y el alto del viewport (para vh, vmin, vmax). Elige entre predefinidos comunes o introduce valores personalizados. Los resultados se actualizan automáticamente al ajustar cualquier valor.
3. Lee los resultados instantáneos: consulta el valor convertido en las 18 unidades organizadas por categoría (absolutas, relativas a fuente, viewport). Haz clic en cualquier tarjeta de resultado para fijarla como nueva entrada y seguir convirtiendo. Copia valores individuales o la salida CSS con un clic.

• Las unidades absolutas tienen tamaños físicos fijos definidos por la relación de píxel de referencia CSS (96 DPI). 1in = 96px , 1cm ≈ 37.8px , 1pt = 1/72in . Son mejores para hojas de estilo de impresión y cuando se requieren dimensiones físicas exactas.
• Las unidades relativas a fuente escalan con los ajustes tipográficos. Usa rem para tamaños relativos a la raíz, em para tamaños relativos al padre y % como alternativa a em. Los valores de ch y ex son aproximados (basados en 0.5× el tamaño de fuente), mientras que lh y rlh asumen la altura de línea predeterminada de 1.2.
• Las unidades de viewport escalan con las dimensiones de la ventana del navegador. 1vw = 1 % del ancho del viewport , 1vh = 1 % del alto del viewport , vmin usa la dimensión menor y vmax la mayor. Define el tamaño de viewport objetivo para obtener equivalentes en píxeles precisos.

Todas las conversiones de unidades absolutas en nuestro convertidor de unidades CSS son matemáticamente precisas según la relación de píxel de referencia CSS (1in = 96px). Las unidades relativas a fuente (ch, ex, lh, rlh) usan aproximaciones estándar: ch y ex se estiman en 0.5× el tamaño de fuente, lh en 1.2× el tamaño de fuente padre y rlh en 1.2× el tamaño de fuente raíz. Los valores reales renderizados dependen de la fuente específica y del navegador. Para un trabajo perfecto al píxel, verifica siempre con tu tipografía real en el navegador de destino.