Design TOOL

REM, PX & EM Converter

Translate CSS lengths between pixels, rem and em using a chosen base size.

Convert CSS length units

REM is relative to the root font size, while EM depends on the relevant element context.

The EM result assumes the supplied base size for a predictable conversion.

HOW TO USE IT

How to use the REM, PX & EM Converter

  1. Paste or select the source value in the expected format.
  2. Choose the conversion direction or output format and run the conversion.
  3. Review and copy the converted value, then verify it in the receiving application.

Practical example

Preview the result at several screen sizes and against the actual colors and typography used by the project.

What this tool cannot guarantee

Generated values are a starting point and should be tested for browser support, accessibility and compatibility with the full design system.

COMMON QUESTIONS

Frequently asked questions

Is the REM, PX & EM Converter free to use?

Yes. It is available without an account or paid subscription.

Is my input uploaded or stored?

The core operation runs in your browser. Avoid pasting secrets into any web page unless the individual tool explicitly explains how the data is handled.

Should I review the result before using it?

Yes. Check the output for your project and test it in the intended environment before production use.