CSS Fluid Size Calculator

Generate a fluid CSS clamp value between two sizes at chosen viewport widths.

Minimum size (px)

Maximum size (px)

Minimum viewport (px)

Maximum viewport (px)

Aa 가나다

Generated code

font-size: clamp(16px, 11.428571px + 1.428571vw, 32px);

How to use

Enter minimum and maximum sizes and their corresponding viewport widths.

The preview and code update as you edit.

Copy the code or save it as a file.

Linear interpolation creates a px + vw preferred value, capped by the minimum and maximum.

Output uses pixels and viewport width. It does not replace accessibility checks for zoom and text sizing.

Tool inputs are processed in your browser. Advertising makes separate requests as described in the privacy policy.