Conversor de unidades CSS (px, rem, em, vw, pt…)

¿Qué es Conversor de unidades CSS?

Convierte una longitud CSS entre unidades absolutas (px, pt, pc, in, cm, mm, Q) y relativas (rem, em, %, vw, vh, vmin, vmax). Fija el tamaño de fuente raíz, el del elemento padre y el tamaño del viewport para que las unidades relativas se calculen en tu contexto real; todas las unidades se muestran a la vez.

Cómo usar Conversor de unidades CSS

1. Introduce el Valor y elige las unidades De y A.
2. Ajusta el Tamaño de fuente raíz (para rem), el Tamaño de fuente del padre (para em y %) y el ancho y alto del viewport.
3. Copia el resultado principal o haz clic en cualquier tarjeta de unidad para copiar ese valor.

Ejemplo

24px (root 16px)

1.5rem · 18pt · 1.25vw (1920px viewport)

Cuándo usar Conversor de unidades CSS

Úsalo al pasar especificaciones de diseño en px a CSS basado en rem, o para comprobar qué supone un valor vw en una pantalla concreta. % solo equivale a em para font-size; para width o padding, % se refiere al bloque contenedor, que esta herramienta no puede conocer.

Cómo funciona Conversor de unidades CSS

Todo se convierte a través de píxeles CSS. Las unidades absolutas usan las proporciones fijas de CSS: 1in = 96px = 2,54cm = 25,4mm = 72pt = 6pc, 1Q = 0,25mm. rem multiplica por el tamaño de fuente raíz, em por el tamaño de fuente del padre, % es un porcentaje del tamaño de fuente del padre (la interpretación de font-size), vw/vh son el 1 % del ancho/alto del viewport y vmin/vmax usan el lado menor/mayor. Los resultados se redondean a 4 decimales.

Casos de Uso Comunes

• ✓ Convertir a rem los tamaños en px de un sistema de diseño
• ✓ Comprobar cuánto mide 5vw en un portátil de 1440px de ancho
• ✓ Pasar tamaños de impresión en pt o mm a px CSS
• ✓ Calcular valores em para un componente con una fuente padre de 20px

Preguntas Frecuentes

Explora más categorías