Calculadora de clamp() CSS

Crie uma regra CSS de tamanho fluido.

No seu dispositivo · Sem conta

Calculadora de clamp() CSS processa os dados que você informa neste navegador. Os dados informados e os resultados ficam fora da análise de uso. As ferramentas recentes salvam nomes de ferramentas, número de visitas e horários da última visita. As ferramentas salvas armazenam apenas seus nomes. Salvar rascunhos é opcional, e eles ficam neste dispositivo; exclua o texto salvo pelos controles de rascunho. Carregar texto de uma URL é opcional e acessa o servidor correspondente; esse servidor pode ver a URL e seu endereço IP. A ação opcional “Usar em” mantém nesta aba os dados a transferir. A próxima ferramenta os remove ao abrir e os ignora se tiver passado mais de um minuto.

“Copiar link” inclui no endereço os dados que você escolher compartilhar. Qualquer pessoa com esse link pode reabri-los. Arquivos e resultados gerados ficam de fora. Ferramentas de senhas e chaves compartilham apenas as configurações.

Português

Seus dados

Opções e arquivo local

Tamanho máximo (px)

Largura mínima da área de visualização (px)

Largura máxima da área de visualização (px)

Abrir um arquivo de texto deste dispositivo

As configurações opcionais valem apenas para esta aba.

Seu resultado

Mais

Atalhos de teclado

Sobre links e redefinição

Os links incluem os dados que você inseriu e as configurações. Qualquer pessoa com o link pode vê-los, então não inclua textos privados. Arquivos e resultados gerados não são incluídos; os sorteios são feitos novamente.

Reiniciar recarrega a ferramenta com os valores iniciais e libera os arquivos abertos e os controles de dispositivos. Os rascunhos salvos ficam neste dispositivo até você excluí-los.

Como funciona a calculadora de clamp() CSS

Crie uma expressão clamp() a partir de dois pares de tamanho e largura da área de visualização. O termo central segue uma linha reta; os valores mínimo e máximo limitam o resultado fora do intervalo escolhido.

A seguir: Conversor de px para rem

A seguir: Calculadora de especificidade CSS

Exemplo

16px em uma área de visualização de 400px e 32px em uma de 1200px geram clamp(16px, 8px + 2vw, 32px). Em uma área de visualização de 800px, o resultado é 24px.

Antes de usar o resultado

Gera uma regra baseada em pixels, com valores arredondados para seis casas decimais. Revise o redimensionamento do texto e o layout com zoom; esse cálculo não garante acessibilidade nem adequação a todas as fontes.

Como citar esta página

Estilo de citação

ToolOctopus. “Calculadora de clamp() CSS.” Atualizado 7 de outubro de 2026. https://tooloctopus.com/pt/calculadora-de-clamp-css.

Inclua a data de acesso se as suas instruções exigirem.

As citações são formatadas com citeproc-js, de Frank Bennett, e estilos da Citation Style Language. Licença e código-fonte.