Ferramentas gratuitas
Português
Escala tipográfica CSS
Escala tipográfica CSS — Escolha tamanhos ou cores e confira o código ou resultado. Guia de entrada: Base, Razão comum, Quantidade. Sem cadastro.
Sem cadastro
Carregando ferramenta…
Como usar
- 1Guia de entrada: Base, Razão comum, Quantidade.
- 2Execute a ferramenta e confira o resultado.
- 3Copiar resultado / Salvar resultado.
Saiba mais
Confira intervalos e unidades. Os resultados dependem dos dados e do navegador.
Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)
Exemplo calculado de entrada e saída
Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.
Entrada de exemplo
| Campo | Valor |
|---|---|
| Base | 16 |
| Razão comum | 1.25 |
| Quantidade | 6 |
Resultado de exemplo
:root {
--text-0: 16px;
--text-1: 20px;
--text-2: 25px;
--text-3: 31.25px;
--text-4: 39.0625px;
--text-5: 48.8281px;
}Condições de entrada
São limites reais de validação, sem garantir que todo valor aceito seja realista ou adequado ao seu caso.
- Base: Faixa aceita: 0,000000001 ≤ x ≤ 1.000.000.000.000
- Razão comum: Faixa aceita: 1 ≤ x ≤ 3
- Quantidade: Faixa aceita: 1 ≤ x ≤ 16 · Somente inteiros