Convert tools

CSS Clamp Generator

Generate a fluid CSS clamp between two sizes and viewport widths.

Convert in your browser · No sign-up

Inputs use pixels. The minimum size cannot exceed the maximum, and viewport widths must increase. Output uses a linear vw term.

Up to 100,000 UTF-16 units per input and 1,000,000 per result. See the supported formats and examples below.

How to use

  1. Generate a fluid CSS clamp between two sizes and viewport widths.
  2. Choose the mode or options, then run the tool.
  3. Review the result, then copy or download the TXT file.

Example

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Details and limitations

Inputs use pixels. The minimum size cannot exceed the maximum, and viewport widths must increase. Output uses a linear vw term.

Text stays in your browser; it is not sent to a conversion server.

FAQ

CSS Clamp Generator — What are the supported inputs and limits?

Inputs use pixels. The minimum size cannot exceed the maximum, and viewport widths must increase. Output uses a linear vw term.

Format references

Tool page updated: