Pixem

A tool made by Matthew Kosloski

Base Pixel Size

This should be the same as the root font-size on your webpage. The default for most web browsers is 16 pixels. This must be an integer or floating-point greater than zero.

Affected Properties

Indicate which CSS properties should be converted by typing in a list of comma-separated properties (e.g., “font, font-size”). If the field is empty, all properties will be affected by the conversion.

Conversion Unit

Choose a unit to convert pixel values to—em or rem. The former is relative to the font-size of the direct parent and the latter is relative to the font-size of the root element.

rem

Preserve Original Values

Check whether to preserve original values with CSS comments. This simply means that the original pixel value before the conversion is preserved in a comment next to the converted value.

Your code

Result