Conversor de unidades CSS

Para qué sirve

Un valor en píxeles se convierte a rem de la misma forma en cualquier parte, pero el porcentaje, vw y vh no: dependen de un tamaño de contenedor o de un viewport que cambia de una página a otra. Esta herramienta pide ese contexto de entrada, así que las cifras que devuelve son las que realmente se renderizarían, no una suposición genérica basada en una raíz de 16px. Aquí rem y em se tratan igual, ambos escalados desde el tamaño de fuente base que indicas, porque sin un elemento padre real en la página no hay forma de distinguirlos por un tamaño de padre distinto. Cambia el tamaño de fuente base para ver cómo el ajuste de texto ampliado de un visitante mueve a la vez todos los valores en rem y em.

Cómo se usa

1. Introduce el valor y elige la unidad de origen.
2. Define el tamaño de fuente base, el ancho y alto del viewport, y el tamaño del contenedor de referencia.
3. Lee la misma longitud convertida a todas las demás unidades.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Por qué rem y em dan el mismo resultado?

Ambos se escalan desde un tamaño de fuente base. rem siempre usa el tamaño de la raíz y em el del elemento padre, pero esta herramienta no tiene una página real de la que leer un padre, así que usa el tamaño base que introduces para los dos.

¿Para qué sirve el tamaño del contenedor?

Es la referencia para el porcentaje: un porcentaje solo tiene sentido en relación con algo, y aquí ese algo es el tamaño de contenedor que introduces.

¿Se envía algo a un servidor?

No. La conversión se calcula en la página a partir de los números que escribes.