About this utility
How to use CSS clamp() & Fluid Type Calculator
Calculate a linear CSS clamp() expression between two sizes and viewport widths.
What to provide
Use “16px at 320px to 24px at 1200px”. Both sizes and viewport bounds are interpreted in pixels.
- Paste, type, or drag and drop a supported text file into the input area.
- Choose the options that match your intended result.
- Select “Run tool” or press Ctrl/Command + Enter, then copy, download, or move the result back into the first input for another pass.
What the result means
A CSS clamp(), slope, intercept, sample values, and accessibility cautions.
Privacy and safety
This utility is loaded as browser code and processes your input only in this tab. OmniCastConverter has no upload endpoint and never stores your content, filenames, tokens, or secrets. Generated markup and code are shown as inert text and are never executed.
Limitations
- The formula is linear between two viewport widths. User zoom, container queries, localization, and layout constraints still require responsive testing.
Try the included example
Select “Load example” at any time to restore this tested sample.
16px at 320px to 24px at 1200px