Developer tools
CSS Clamp Calculator
Create a fluid CSS clamp() font-size expression from your size and viewport range locally.
Build fluid type values without manual slope math.
Enter the smallest and largest font sizes plus the viewport widths where they apply. The calculator creates a ready-to-copy clamp() expression in your browser; none of the values are uploaded.
Frequently Asked Questions
Everything you need to know about this tool, how it works, and privacy.
What is this CSS clamp calculator for?
It calculates a CSS clamp() expression that keeps a font size within your chosen minimum and maximum while scaling smoothly between two viewport widths.
When should I use a CSS clamp() expression?
Use it for fluid typography or spacing when a value should grow with the viewport but still stay within clear lower and upper limits.
Do my values leave my browser?
No. The calculation and the copy action run locally in your browser. CodeASystem does not upload or store the values you enter.