PX to REM Converter
Convert px to rem and em (and back) for any root font size.
| px | rem (base 16) |
|---|---|
| 8px | 0.5rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 64px | 4rem |
px, rem, and em explained
rem units are relative to the root font size (the <html> element), which defaults to 16px in every major browser. Sizing in rem instead of px lets your whole layout scale when a user changes their browser font size — a big accessibility win. The math is simple: rem = px ÷ base. For local scaling relative to a parent's font size, the same number works as an em.
More layout helpers: the aspect ratio calculator and the specificity calculator. Everything is computed in your browser.
Related Design & CSS tools
Color Converter
Convert a color to HEX, RGB, HSL, HSB, and CMYK at once.
HEX to RGB
Convert HEX color codes to RGB / RGBA values.
RGB to HEX
Convert RGB values into HEX color codes.
CSS Box Shadow Generator
Visually design CSS box-shadow with a live preview and code.
CSS Border Radius Generator
Visually craft border-radius with a live preview.
HEX to CMYK
Convert HEX colors to CMYK print values.
CMYK to HEX
Convert CMYK print values to HEX colors.
HEX to HSB
Convert HEX colors to HSB / HSV values.