Calculadora de CSS Clamp() 🔒 Roda localmente no seu navegador — nada é enviado.

Gere um valor clamp() fluido para escalar tamanhos de fonte suavemente.

Altere isso apenas se o seu site definir html { font-size } diferente do padrão do navegador (16px).

Saída CSS

 
 
 
Pré-visualização
 
A escala fluida real só aparece ao redimensionar a janela do navegador. Estas três amostras aproximam o intervalo nas larguras mínima, média e máxima.
 
 Na viewport mínima  
A rápida raposa marrom pula sobre o cão preguiçoso
 
 
 Ponto médio (aprox.)  
A rápida raposa marrom pula sobre o cão preguiçoso
 
 
 Na viewport máxima  
A rápida raposa marrom pula sobre o cão preguiçoso
 
 
 
   
 
Sobre esta ferramenta
 
A tipografia responsiva tradicional salta entre tamanhos fixos em cada breakpoint de media query — 16px no celular, depois um salto repentino para 20px após certa largura. O `clamp(MÍNIMO, PREFERIDO, MÁXIMO)` do CSS substitui esse salto por uma escala contínua: o tamanho da fonte cresce suavemente, acompanhando a viewport, entre o mínimo e o máximo escolhidos. Abaixo da largura mínima da viewport, ele "trava" no tamanho mínimo; acima da máxima, trava no máximo. Só no meio é que é flexível.
Esta calculadora faz a interpolação matemática por você: calcula a inclinação linear entre seus tamanhos de fonte mínimo e máximo ao longo do intervalo de viewport escolhido, expressa isso como um valor preferido baseado em `vw`, e embrulha tudo em uma string `clamp()` pronta para colar. Cole o resultado direto no `font-size` (ou qualquer outra propriedade numérica) — sem mais overrides específicos de breakpoint para a escala tipográfica.
  
Perguntas frequentes
 
 
Por que usar clamp() em vez de apenas uma media query?
 
As media queries saltam entre tamanhos fixos nos breakpoints, enquanto o clamp() escala de forma suave e contínua entre seu mínimo e máximo à medida que o viewport é redimensionado — sem "salto" visível em nenhuma largura.
 
 
O clamp() funciona em todos os navegadores?
 
Sim — o CSS clamp() é suportado em todos os principais navegadores (Chrome, Firefox, Safari, Edge) desde 2020, então é seguro usá-lo em produção sem um fallback para praticamente todos os públicos hoje.