./prontouso.com

UTILIDADES DE DISEÑO

Calculadora de Escala Tipográfica

Elige un tamaño base y una razón para generar una escala completa de tamaños de fuente, mostrados en píxeles y rem.

Estado de la herramientaSe ejecuta en tu navegador
Vista previa

Entradas

Cada paso multiplica (o divide) el tamaño base por la relación elegida.

Resultados

Pasopxrem
-210.240.64Ag
-112.80.8Ag
0161Ag
1201.25Ag
2251.563Ag
331.251.953Ag
439.062.441Ag
548.833.052Ag

Cómo funciona

  1. Ingresa tus datos

    Completa los valores, pega el texto o sube el archivo que necesita esta herramienta.

  2. Obtén el resultado al instante

    La mayoría de las herramientas se actualizan mientras escribes; algunas usan un solo botón. De cualquier forma, el resultado aparece aquí mismo.

  3. Usa tu resultado

    Copia, descarga o comparte lo que genere la herramienta — el control siempre es tuyo.

Privacidad y procesamiento — Se ejecuta localmente en tu navegador. Esta herramienta no sube tu entrada a ningún servidor.

¿Qué es Calculadora de Escala Tipográfica?

Elige un tamaño base y una razón para generar una escala completa de tamaños de fuente, tanto en píxeles como en rem.

ENTIENDE LA HERRAMIENTA

Cómo construir una escala tipográfica

Cómo se calcula

Cada paso multiplica (para pasos hacia arriba) o divide (para pasos hacia abajo) el tamaño base por la razón una vez por paso — la misma progresión geométrica usada por las escalas tipográficas modulares en herramientas de diseño.

Elegir una razón

  • Las razones más pequeñas (1.067-1.2) son adecuadas para interfaces densas con muchos tamaños de texto.
  • Las razones más grandes (1.333-1.618) son adecuadas para diseños editoriales con muchos titulares.

Ejemplo resuelto

Una base de 16px con una razón de 1.25 (Tercera Mayor) produce 20px, 25px, 31.25px, y así sucesivamente hacia arriba, y 12.8px, 10.24px hacia abajo.

Fórmula de la escala

Tamaño del paso
base_px * razón^paso
Valor rem
px / raíz_px

Base 16, razón 1,25, paso 2

El paso 2 queda en 25 px, o 1,563 rem con raíz de 16 px.

Notas sobre el cálculo

Todo el cálculo se ejecuta en tu navegador; nada de lo que ingreses se envía a ningún lado.

Preguntas frecuentes

¿Qué tamaño raíz debería usar para rem?

Usa el tamaño de fuente raíz real de tu página — 16px es el valor predeterminado del navegador y la opción más común.

¿Puedo usar una razón personalizada?

La razón se elige de una lista fija de razones con nombre conocidas, desde Segunda Menor hasta Razón Áurea, en lugar de una entrada libre.

¿Tengo que usar cada paso que genera la escala?

No — la mayoría de los diseños solo usan un puñado de los tamaños generados (para el texto del cuerpo, algunos niveles de encabezado y leyendas), no cada paso individual.

¿Por qué la razón debe ser mayor que 1?

Una escala modular necesita crecer en cada paso sobre la base. Razones de 1 o menos aplanan o invierten la escala.

Herramientas relacionadas