CSS Clamp

Generate responsive CSS clamp() values for fluid typography

Sobre esta calculadora

A Calculadora de Clamp CSS gera uma expressão fluida clamp(min, preferido, max) que escala um valor linearmente entre duas larguras de viewport. Informe o valor mínimo e máximo (rem ou px) e o intervalo de viewport, e ela deriva a inclinação em vw e o intercepto da reta que passa pelos dois pontos, além dos valores calculados em cada breakpoint como verificação. Um tamanho de fonte raiz de 16px é assumido para rem. Intervalos invertidos retornam erros de validação. Ideal para tipografia e espaçamento fluidos.

Como usar a ferramenta de CSS Clamp

  1. Digite ou cole sua entrada no campo.
  2. Leia a saída — ela atualiza instantaneamente enquanto você digita.
  3. Ajuste as opções, se houver, para atender ao seu caso de uso.
  4. Copie a URL da página para compartilhar o resultado exato.

Exemplos comuns

  • 1rem em 320px → 2rem em 1280px → clamp(1rem, 1.6667vw + 0.6667rem, 2rem)
  • 1.25rem em 375px → 3rem em 1440px → clamp(1.25rem, 2.6291vw + 0.6338rem, 3rem)
  • 16px em 320px → 32px em 1200px → clamp(16px, 1.8182vw + 10.1818px, 32px)

Perguntas frequentes

Como funciona a ferramenta de CSS Clamp?

Digite ou cole sua entrada e a ferramenta a processa diretamente no seu navegador, mostrando o resultado imediatamente. Nada do que você digita é enviado a um servidor — todo o processamento acontece no seu dispositivo.

Quando eu usaria a ferramenta de CSS Clamp?

Ela é prática para tarefas de desenvolvimento, depuração, design e administração — sempre que você precisar dessa transformação ou verificação feita rapidamente, sem instalar nada nem confiar seus dados a um serviço de terceiros.

Quão confiáveis são os resultados?

A ferramenta implementa diretamente o padrão ou a especificação relevante, então sua saída corresponde ao que softwares em conformidade produzem. Casos extremos, como entrada vazia ou malformada, são informados com clareza em vez de falhar silenciosamente.

Posso compartilhar um resultado específico com outra pessoa?

Sim. Sua entrada atualiza a URL, então copiar a barra de endereço e compartilhar o link reabre a ferramenta no mesmo estado para quem clicar.