Calculadora de escala tipográfica

Genera escala modular de tipo a partir de tamaño base y proporción

Tamaño base (px)

Relación de escala

Pasos hacia arriba

Pasos hacia abajo

Vista previa visual

El veloz zorro marrón

Propiedades personalizadas CSS

:root {
  --font-size-n2: 0.64rem; /* 10.24px */
  --font-size-n1: 0.8rem; /* 12.8px */
  --font-size-base: 1rem; /* 16px */
  --font-size-1: 1.25rem; /* 20px */
  --font-size-2: 1.56rem; /* 25px */
  --font-size-3: 1.95rem; /* 31.25px */
  --font-size-4: 2.44rem; /* 39.06px */
  --font-size-5: 3.05rem; /* 48.83px */
}
/* Base: 16px | Ratio: 1.25 */

Herramientas relacionadas

Selector y convertidor de color

Selecciona un color y convierte entre HEX, RGB, HSL, HSB, CMYK

Color y diseño

Verificador de contraste

Verifica pares de colores según WCAG AA/AAA

Color y diseño