Calculadora de clamp() CSS
Calcule um valor clamp() CSS para um tamanho de texto ou espaçamento fluido, que varia proporcionalmente entre duas larguras de viewport mínima e máxima.
Como funciona
A função CSS clamp(min, preferido, max) permite definir um tamanho fluido que varia linearmente conforme a largura da janela, permanecendo limitado entre um mínimo e um máximo — ideal para um texto responsivo sem media queries. A ferramenta calcula automaticamente a inclinação e a ordenada na origem em unidades vw e rem.
Por que usar clamp() em vez de media queries?
clamp() oferece uma transição contínua e fluida entre os tamanhos, em vez de saltos bruscos em pontos de quebra fixos, o que dá um resultado mais natural em todas as larguras de tela intermediárias.
Por que os valores são expressos em rem em vez de px?
Usar rem permite que o tamanho permaneça proporcional se o usuário modificar o tamanho de fonte padrão do navegador, o que melhora a acessibilidade em comparação com valores fixos em pixels.
Processamento 100% local: o cálculo ocorre inteiramente no seu navegador via WebAssembly, sem qualquer envio de dados a um servidor.