CSS clamp() Calculator
Generate responsive clamp() values (px / rem)
Units
rem
px
Root font-size
62.5% (1rem = 10px)
100% (1rem = 16px)
Min device width (px)
Max device width (px)
Min value
Max value
Precision (decimals)
Generate clamp()
Click to copy result
Result
clamp(...)
Tip: choose rem units if you want fluid typography tied to root font-size. Default root = 62.5% makes 1rem = 10px which is handy for easier math.