tool · one of 34free, no counter
Units
What is 24px in rem here - and what clamp() gives me that curve?
Every online px-to-rem converter assumes a root font size of 16, and that is wrong on any site that has changed it and on every browser where the reader has. This reads the bases from the page - root size, the element’s own size, and a measured `ch` - and every one of them stays editable, so the arithmetic is against the document you are looking at.
Reach itPress ⌘+K on any tab and type units.Ctrl+Kon Windows and Linux
TWO BUILDS9 browsers
Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome buildin the panel · free, no counter
What this actually is
convert px, rem, ch and build a fluid clampWhenever a value from a design has to become a unit, and whenever a fluid type step has to be written. The sweep is a fixed 320–1920 whatever bounds you pick, because what a clamp does outside your two points is the interesting part.
Asked about this tool
4 of themWhy is rem the default rather than px?
Because a px floor ignores a raised default font size, which is the accessibility setting most often set and least often tested against.
How is the middle term of the clamp worked out?
It is the line through your two points - two widths and two sizes - rather than a `vw` value chosen to look about right. A guessed `vw` is correct at one width by accident.
What if I put the bounds the wrong way round?
It is named and the declaration is still generated. Refusing would hide the fact that an inverted clamp is a legal thing browsers do something specific with.
Why is there no percentage row?
Because a percentage is relative to a containing block this converter cannot see, so every number it produced would be a guess wearing a unit.
TWO BUILDS9 browsers
Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome build63 of these · no host permissions · three free audits