Los resultados se ofrecen solo con fines informativos y pueden contener errores. Verifica la información importante de forma independiente. El uso de esta herramienta es bajo tu propia responsabilidad.
Qué hace esta herramienta
El Convertidor de Unidades CSS traduce una longitud entre px, rem, em, pt y %. Introduce un valor, elige su unidad y fija el tamaño de fuente base (16px por defecto, que es lo que usan los navegadores salvo que el usuario lo cambie), y la página muestra la misma longitud en las cinco unidades.
Las conversiones siguen la especificación de CSS: 1rem equivale al tamaño de fuente raíz, así que con una base de 16px, 1.5rem son 24px. Un punto es 1/72 de pulgada y un píxel CSS es 1/96, así que 12pt son 16px. Aquí em y % se calculan respecto a la misma base, lo que corresponde a un tamaño de fuente definido en un elemento cuyo padre usa el tamaño raíz. Nada sale de tu navegador.
Cuándo usarla
- Pasar a
remlos valores en píxeles de un mockup de diseño para que el texto se adapte a la configuración de fuente del usuario. - Convertir una hoja de estilos de impresión o un diseño en PDF especificado en puntos.
- Comprobar a qué equivale un tamaño de fuente en
%cuando heredas el CSS de otra persona. - Crear una escala tipográfica en la que cada paso necesita un valor
remlimpio.
Ejemplo práctico
Entrada
24px, base 16pxSalida
px 24.000
rem 1.5000
em 1.5000
pt 18.000
% 150.00%Preguntas sobre esta herramienta
¿Debo usar rem o px para los tamaños de fuente?
Usa rem para los tamaños de fuente y la mayor parte de los espaciados. Cuando alguien aumenta el tamaño de fuente predeterminado de su navegador para leer mejor, los valores en rem crecen con él, mientras que los valores en px se quedan fijos.
¿Qué diferencia hay entre rem y em?
rem es siempre relativo al tamaño de fuente raíz (html). em es relativo al tamaño de fuente del elemento actual, así que en los elementos anidados se multiplica: 1.2em dentro de 1.2em es 1,44 veces la base. El conversor calcula ambos respecto a la base que introduces.
¿Por qué 1pt no es igual a 1px?
CSS fija la pulgada en 96 píxeles y un punto es 1/72 de pulgada, así que 1pt son 1,333px. Por eso, un texto de doce puntos en un procesador de textos tiene el mismo tamaño que 16px en la web.
¿Qué tamaño base debo introducir?
Usa 16, salvo que tu hoja de estilos defina otro tamaño raíz, como html { font-size: 62.5%; }, que hace que la base sea 10px. Introduce el valor al que se resuelva el elemento html.
¿Esta herramienta es gratuita?
Sí, es gratis. Sin registro ni correo electrónico. Obtén el resultado en esta página.
¿Cómo obtengo el resultado?
Usa la herramienta en esta página. El resultado aparece aquí, sin envío por correo electrónico.