Frontend
NewCSS Clamp / Unit Converter
Generate fluid clamp expressions and convert CSS units with local context.
cssclampunits
Fluid CSS outputUnit conversion tableCopy-ready values
Clamp Inputs
px
px
rem
rem
px
Clamp Output
1rem to 2remclamp(1rem, calc(0.6667rem + 1.6667vw), 2rem)
calc(0.6667rem + 1.6667vw)
preferred
1.6667vw
slope
10.6667px
intercept
| Viewport | Value | Pixels |
|---|---|---|
| 320px | 1rem | 16px |
| 800px | 1.5rem | 24px |
| 1280px | 2rem | 32px |
Unit Inputs
px
px
px
px
px
Percent uses parent size; vw and vh use viewport dimensions.
Unit Output
32px basis2rem
| Unit | Value | CSS |
|---|---|---|
| px | 32 | 32px |
| rem | 2 | 2rem |
| em | 2 | 2em |
| % | 8 | 8% |
| vw | 2.2222 | 2.2222vw |
| vh | 3.5556 | 3.5556vh |