Generatore CSS clamp()

Genera valori CSS clamp() responsive per una tipografia fluida

Informazioni su questo calcolatore

Il Generatore CSS clamp() genera un'espressione fluida clamp(min, preferito, max) che scala un valore in modo lineare tra due larghezze del viewport. Indica il valore minimo e massimo (rem o px) e l'intervallo del viewport: ricava la pendenza in vw e l'intercetta della retta che passa per entrambi i punti, più i valori calcolati a ciascun breakpoint come verifica. Per rem si assume una dimensione del font radice di 16px. Intervalli invertiti restituiscono errori di convalida. Ideale per tipografia e spaziature fluide.

Come usare lo strumento Generatore CSS clamp()

  1. Inserisci o incolla il tuo input nel campo.
  2. Leggi l'output: si aggiorna subito mentre scrivi.
  3. Regola le eventuali opzioni in base alle tue esigenze.
  4. Copia l'URL della pagina per condividere esattamente questo risultato.

Esempi comuni

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

Domande frequenti

Come funziona lo strumento Generatore CSS clamp()?

Inserisci o incolla il tuo input e lo strumento lo elabora direttamente nel browser, mostrando subito il risultato. Nulla di ciò che scrivi viene caricato su un server: l'intero calcolo avviene sul tuo dispositivo.

Quando usare lo strumento Generatore CSS clamp()?

È comodo per sviluppo, debug, design e amministrazione di sistemi, ogni volta che ti serve questa trasformazione o verifica in modo rapido, senza installare nulla né affidare i tuoi dati a un servizio di terze parti.

Quanto sono affidabili i risultati?

Lo strumento implementa direttamente lo standard o la specifica di riferimento, quindi il suo output coincide con quello prodotto da software conformi. I casi limite, come input vuoti o malformati, vengono segnalati chiaramente invece di fallire in silenzio.

Posso condividere un risultato specifico con qualcun altro?

Sì. Il tuo input aggiorna l'URL: copiando la barra degli indirizzi e condividendo il link, chiunque lo apra ritrova lo strumento nello stesso stato.