./prontouso.com

UTILITÁRIOS DE DESIGN

Calculadora de Escala Tipográfica

Escolha um tamanho base e uma razão para gerar uma escala completa de tamanhos de fonte, em pixels e rem.

Status da ferramentaRoda no seu navegador
Prévia

Entradas

Cada passo multiplica (ou divide) o tamanho base pela razão escolhida.

Resultados

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

Como funciona

  1. Informe os dados

    Preencha os valores, cole o texto ou envie o arquivo que esta ferramenta usa.

  2. Veja o resultado na hora

    A maioria das ferramentas atualiza enquanto você digita; algumas usam um único botão. De qualquer forma, o resultado aparece aqui mesmo.

  3. Use o resultado

    Copie, baixe ou compartilhe o que a ferramenta gerar — o controle é sempre seu.

Privacidade e processamento — Roda localmente no seu navegador. Esta ferramenta não faz upload da sua entrada.

O que é Calculadora de Escala Tipográfica?

A Calculadora de Escala Tipográfica é uma ferramenta para gerar tamanhos de fonte em px e rem a partir de um tamanho base e uma razão modular.

ENTENDA A FERRAMENTA

Como montar uma escala tipográfica

Use este guia para escolher base, razão e passos sem sentir obrigação de usar todos os tamanhos gerados.

Como é calculado

Cada passo multiplica (passos acima) ou divide (passos abaixo) o tamanho base pela razão uma vez por passo — a mesma progressão geométrica usada por escalas tipográficas modulares em ferramentas de design.

Escolhendo uma razão

  • Razões menores (1,067-1,2) combinam com interfaces densas com muitos tamanhos de texto.
  • Razões maiores (1,333-1,618) combinam com layouts editoriais, com títulos em destaque.

Exemplo prático

Uma base de 16px com uma razão de 1,25 (Major Third) produz 20px, 25px, 31,25px, e assim por diante subindo, e 12,8px, 10,24px descendo.

Fórmula da escala

Tamanho do passo
base_px * razão^passo
Valor rem
px / raiz_px

Base 16, razão 1,25, passo 2

O passo 2 fica em 25 px, ou 1,563 rem com raiz de 16 px.

Notas de cálculo

Todo o cálculo roda no seu navegador; nada do que você informa é enviado a lugar nenhum.

Perguntas frequentes

Qual tamanho raiz devo usar para o rem?

Use o tamanho de fonte raiz real da sua página — 16px é o padrão do navegador e a escolha mais comum.

Posso usar uma razão personalizada?

A razão é escolhida em uma lista fixa de razões nomeadas conhecidas, de Minor Second a Golden Ratio, em vez de entrada livre.

Preciso usar todos os passos que a escala gera?

Não — a maioria dos designs usa apenas alguns dos tamanhos gerados (para texto do corpo, alguns níveis de título e legendas), não cada passo individual.

Por que a razão precisa ser maior que 1?

Uma escala modular precisa crescer a cada passo acima da base. Razões de 1 ou menos achatam ou invertem a escala.

Ferramentas relacionadas