Convert 24px to REM
Convert px to rem, rem to px and px to em at any base font size, with a copy-ready CSS line and a live reference table.
Processed entirely in your browser — nothing you enter here is ever uploaded.
Result
About this tool
This page opens the converter with 24 already entered: at the default 16px base font size, 24px is exactly 1.5rem, because 24 divided by 16 is 1.5. The CSS line font-size: 1.5rem; is ready to copy the moment the page loads.
Twenty-four pixels is a workhorse size — a typical h3 or large-body font size, a standard icon dimension and one of the most used spacing steps in 8-point grids. Its clean 1.5rem value at the default base makes it a favourite anchor when converting a pixel design to rem units.
If your root font size differs, type the real base — at a 10px root the same 24px becomes 2.4rem — and consult the reference table below for the neighbouring sizes 20, 32 and 48 px converted at the same time. All of it runs live in your browser.
Example. 32 px with a base of 16 in px-to-rem mode returns 2 rem and a CSS line font-size: 2rem.
Limit. A base font size of 0 or blank is rejected, and the reference table only lists the 14 sizes from 1 px through 64 px.