Conversor de Unidades CSS

Cómo usarla

Introduce un valor y unidad La longitud que quieres convertir.
Fija el tamaño de fuente base Normalmente 16px, el predeterminado del navegador.
Lee cada unidad px, em, rem, pt y porcentaje a la vez.

Ejemplos

24px con base 16	1,5rem
12pt	16px

Acerca de esta herramienta

CSS ofrece varias unidades de longitud, y cambiar entre ellas a mano es propenso a errores. Este conversor convierte cualquier valor en px, em, rem, pt o porcentaje a todas las demás, según el tamaño de fuente que elijas.

Es útil al traducir los valores en píxeles de un diseño a unidades relativas para maquetaciones responsive y accesibles, o al hacer coincidir los puntos de estilo de imprenta con los píxeles de pantalla. El tamaño de fuente base es por defecto el estándar del navegador, 16px. Todo se ejecuta en tu navegador.

Preguntas frecuentes

¿Cómo se calculan em y rem?

Ambas son relativas al tamaño de fuente base que fijes: a 16px, 1,5rem son 24px. La diferencia es a qué se refiere la base en el CSS real.

¿Cómo se relaciona pt con px?

CSS define 1 pulgada como 96px y 72pt, así que 1pt son 1,333px y 12pt son 16px.

Herramientas relacionadas

Calculadora de Relación de Aspecto Simplifica dimensiones en una relación de aspecto y halla una dimensión que falta para una relación. Calculadora de DPI / PPI Calcula los píxeles por pulgada de una pantalla a partir de su resolución y tamaño diagonal, con dot pitch. Conversor de longitud Introduce una longitud en cualquier unidad para verla convertida a unidades métricas e imperiales a la vez. Conversor de temperatura Introduce una temperatura en cualquier unidad para ver su equivalente en Celsius, Fahrenheit y Kelvin a la vez. Conversor de peso y masa Introduce un peso en cualquier unidad para verlo en unidades métricas e imperiales a la vez. Conversor de volumen Introduce un volumen en cualquier unidad para ver equivalencias métricas, de EE. UU. e imperiales a la vez.

Actualizada el 15 de junio de 2026