Gerador CSS clamp() para tipografia fluida
Gere um valor CSS clamp() fluido (tipografia responsiva) entre dois tamanhos de viewport.
Fluid preview
🔒 100 % no cliente — nenhum dado enviado
Gere um valor CSS clamp() fluido a partir de um tamanho mínimo, um tamanho máximo e o intervalo de viewport desejado. Perfeito para tipografia responsiva sem empilhar media queries. O cálculo roda no seu navegador, instantânea e localmente.
What is it for?
- ▸ Criar um tamanho de fonte fluido entre mobile e desktop
- ▸ Gerar espaçamento responsivo sem media queries
- ▸ Escalar títulos que se adaptam à largura da tela
- ▸ Obter um valor clamp() pronto para copiar
FAQ
Como a função clamp() funciona?
clamp() recebe um valor mínimo, um preferencial e um máximo, e mantém o resultado dentro desse intervalo.
Quais unidades devo usar?
px ou rem para os limites; a parte fluida combina vw e rem.
clamp() é suportado em todos os lugares?
Sim, clamp() é suportado por todos os navegadores modernos.
Related tools
Proporção · calculadora Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente. Gerador de código de barras Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador. Base64 → imagem Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador. CSS border-radius · gerador Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar. CSS box-shadow · gerador Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar. Removedor de fundo verde Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.