ToolBunny LogoToolBunny
Back to Homepage
Pixel to Rem/EM Converter

Easily convert between px, rem, and em units.

Base Font Size

This is typically the root font-size of your document (usually 16px).

Pixels (px)
REM

Relative to the root font-size.

EM

Relative to the parent's font-size.

About This Tool

The Pixel to Rem/EM Converter is a simple and fast utility for web developers working on responsive and scalable designs. It helps you easily convert between fixed pixel (px) values and relative units like `rem` (relative to the root element's font-size) and `em` (relative to the parent element's font-size). You can set a custom base font size and convert any value to its equivalent in the other units, streamlining your CSS workflow.

How to Use
  1. First, set the "Base Font Size" in pixels. This is typically 16px for most browsers, but you can change it to match your project's root font-size.
  2. Enter a value in any of the three input cards: "Pixels (px)", "REM", or "EM".
  3. The other two fields will automatically update to show the converted values based on your input and the base font size.
  4. Click the copy icon next to any value to copy it to your clipboard.