CSS Clamp() Calculator
Generate fluid typography clamp() CSS from min/max viewport and size.
Live preview
Resize your browser window to see this text scale fluidly between 16px and 32px.
Preview uses your live browser width — resize the window to test the full range.
Generated CSS
About the CSS Clamp() Calculator
Enter a minimum and maximum font size along with a minimum and maximum viewport width to generate a fluid clamp() CSS value, with a live preview and copy-ready output in px or rem.
Examples
16px to 32px
375px-1440px viewportOutput
font-size: clamp(16px, 0.8889rem + 2.9630vw, 32px);Keyboard shortcuts
- Copy the main outputCtrl / ⌘ + Shift + C
- Download the resultCtrl / ⌘ + S
- Share this toolCtrl / ⌘ + Shift + S
- Reset the inputsAlt + R
- Open the tool search paletteCtrl / ⌘ + K
Related tools
CSS Aspect Ratio Calculator
HTML & CSS
Simplify ratios and compute matching dimensions.
CSS Scrollbar Styler
HTML & CSS
Design custom scrollbars with live preview.
CSS Transform Playground
HTML & CSS
Combine translate, rotate, scale, and skew with a live preview.
CSS Variables Theme Builder
HTML & CSS
Build a custom property theme with a live preview.
Email Signature Generator
HTML & CSS
Design a professional HTML email signature and copy it into any mail client.
HTML Table Generator
HTML & CSS
Build an editable HTML table and export HTML + CSS.
Frequently asked questions
Version 1.0.0 · Updated 2026-08-11 · Runs entirely in your browser