CSS Clamp Calculator

Set the smallest font size for the scale.
Set the largest font size for the scale.
Set the smallest viewport width.
Set the largest viewport width.
The pixel value of 1rem. Defaults to 16px in all browsers.

Generated CSS Variables

Your generated CSS will appear here...

More Tools

Clamp Calculator Color Converter PX to REM PX to EM PX to Percentage Shade Generator More Tools

You’ll love how easy it is to design stunning websites with HappyStarterTemplates.

Our Kadence starter templates are built for simplicity, flexibility, and style. Start creating today and see the difference for yourself!

Get Started Now