# Calcolatore CSS clamp

> Genera tipografia fluida o spaziatura tra i limiti del viewport.

[Open tool](https://www.toolcabana.com/it/css-clamp-calculator) · [Design e CSS](https://www.toolcabana.com/it/category/design-and-css)

Tool ID: css-clamp-calculator. Requested language: it. Description language: it. Complete guide translation: yes.

## Overview (en)

CSS clamp calculator creates a clamp() value that scales a font size or spacing linearly between a minimum and maximum pixel size across a viewport range. Enter both sizes and both viewport widths, which default to 16 to 32 px between 320 and 1280 px viewports, and get a calc() expression combining px and vw plus a live text preview.

## Supported tasks (it)

Genera tipografia fluida o spaziatura tra i limiti del viewport.

## Steps (it)

1. Inserisci i valori richiesti nel pannello delle impostazioni.
2. Regola le impostazioni di base, poi apri la modalità avanzata per le opzioni di esportazione e ottimizzazione. Le impostazioni personalizzate restano attive quando il pannello è chiuso.
3. Esegui Calcolatore CSS clamp, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.

## Settings

- Dimensione minima di carattere / spaziatura (px) (it; key: minSize; type: number); minimum: 0; maximum: 1000
- Dimensione massima di carattere / spaziatura (px) (it; key: maxSize; type: number); minimum: 0; maximum: 1000
- Viewport minimo (px) (it; key: minViewport; type: number); minimum: 1; maximum: 10000
- Viewport massimo (px) (it; key: maxViewport; type: number); minimum: 1; maximum: 10000

## Limitations (it)

Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.

## Privacy and connections (it)

Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.

## Questions (it)

### How do I calculate a fluid font size with CSS clamp?

The slope is the size difference divided by the viewport difference. The middle value becomes an intercept in px plus the slope times 100 in vw, so the size reaches the minimum at the small viewport and the maximum at the large one. The calculator does this for you.

### Why does the clamp calculator output px instead of rem?

All inputs and outputs are in pixels, and the middle term combines px with vw rounded to six decimals. If your design system uses rem, divide the pixel values by your root font size after copying the result.

### What causes the error that maximum viewport must exceed minimum?

The maximum viewport must be larger than the minimum viewport, and the maximum size cannot be smaller than the minimum size. Equal sizes are allowed and produce a fixed value. Swap the fields if you entered them in the wrong order.

### Dove viene elaborato il mio input?

Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.

### Quali sono i limiti di input?

Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.

## Related tools

- [CSS grid layout generator](https://www.toolcabana.com/it/css-grid-layout-generator)
- [CSS flexbox playground](https://www.toolcabana.com/it/css-flexbox-playground)
- [CSS cubic Bezier editor](https://www.toolcabana.com/it/css-cubic-bezier-editor)
- [CSS clip-path maker](https://www.toolcabana.com/it/css-clip-path-maker)