ToolAtlas
FavoritosRecientes

Conversor de unidades CSS

Procesado en este navegador

Límite de texto: 2000000 caracteres

Esta herramienta no sube tu entrada.

Traduces un espaciado de Figma en px a rem (o al revés) asumiendo un font-size de html. No es el conversor de unidades físicas ni un visor de tipografía impresa.

En Figma todo está en px y el CSS del proyecto va en rem. Mezclarlos es el clasicazo de «en mi Chrome se ve bien». Esta página hace esa cuenta de maquetación, no la de recetas ni la de la mudanza.

Asume una raíz (16 px si no dices lo contrario): 24px → 1.5rem. Los em dependen del contexto: la herramienta puede mostrar el valor numérico, no el cómputo de todo el árbol.

Cuándo usarla

  • Portar un espaciado 8/16/24 a rem.
  • Revisar un media query escrito en px.
  • Explicar a alguien por qué font-size: 62.5% cambia todas las cuentas.

Sombras y degradados no son unidades: box-shadow, degradados.

Límites

  • No lee tu clamp() ni tus tokens de Tailwind.
  • vw/vh/svh no son un «px fijo».
  • No convierte tipografía de InDesign.

Cuentas de CSS. El resto del sistema métrico está en otra URL.

Preguntas frecuentes

¿Por qué 16 px?

Es el font-size inicial habitual del navegador. Si tu html { font-size: 62.5% } (10 px), los rem no coinciden: ajusta la raíz en la UI si existe, o multiplica a mano.

¿em y rem son lo mismo?

rem mira la raíz. em mira el font-size del elemento (y se hereda). Un 1.2em dentro de un título grande no es 1.2rem.

Necesito km, litros o °C.

Eso es el conversor de unidades, no esta página.

¿Pasa pt de Word a px?

No es un conversor de imprenta. 1 pt CSS ≈ 1,333 px a 96 dpi, pero los PDF y Word no viven en ese mundo. No lo uses para un dossier de imprenta.

¿Se envía algo?

No. Es aritmética.

Herramientas relacionadas