free tools runs in this tab no account, no upload
px to rem, and clamp()
What is this px value in rem, and what clamp() gives me that curve?
Convert against the root size you actually use rather than an assumed 16, and write a clamp() through two real viewport widths instead of guessing a vw.
clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem)
- at 640px wide 18.67px
- at 960px wide 21.33px
- at 1440px wide 24px
how to use it
- Set the root size to the one your site actually uses, not to an assumed 16.
- Type the px value; the rem beside it is converted against that root.
- For a fluid step, give the two viewport widths and the size wanted at each.
- Copy the clamp() out and check the resolved sizes underneath it.
what this page cannot do
This asks you for the root size. The extension reads it off the page in front of you, along with the element's own size and a measured ch - which is the only way to be right about a site somebody else built.
Units in the panel What is 24px in rem here - and what clamp() gives me that curve?
no host permissions · the reading is free