Clamp Generator

Generate responsive font-size clamp() CSS.

Fluid Typography clamp() Generator

min size (px)

max size (px)

viewport min (px)

viewport max (px)

unit

decimals

property

presets

helpers

Formula: clamp(min, calc(slope * 100vw + intercept), max)

result

font-size: clamp(16px, calc(0.833vw + 13.333px), 24px);

show pieces

min: 16px

max: 24px

slope: 0.833vw

intercept: 13.333px

simulate height (for vh/vmin/vmax)

W: 1440px • H: 900px

simulate width (px)

Try resizing with the sliders above.

Fluid sample: The quick brown fox jumps over the lazy dog 0123456789 — AàÂБвÇçÊêĞğÎîÑñÖöŞşÜüŸ.

The simulator scales down to fit the panel; CSS values still use the exact simulated width/height in calculations.