CSS px to rem Converter

Convert px to rem and rem to px for CSS. The default base is 16px but you can change it to match your project. There's also a quick reference table for common sizes so you're not constantly recalculating the same values.

Quick reference (base 16px)

pxrempxrem8px0.5rem10px0.625rem12px0.75rem14px0.875rem16px1rem18px1.125rem20px1.25rem24px1.5rem32px2rem40px2.5rem48px3rem64px4rem

How to use

  1. Set your base font size - 16px is the browser default, but change it if your project uses something different.
  2. Type a px value to get the rem equivalent, or a rem value to get px.
  3. The reference table at the bottom covers common sizes so you don't have to keep converting the same numbers.

Related tools:

UUID GeneratorBinary to Text ConverterJSON Formatter