PX to EM Converter
Convert pixel values to em relative to a parent font size, for single values or every px in a stylesheet.
Runs in your browserCSS / px → CSS / em
Loading tool…
Example
margin: 8px 0 -12px;
margin: 0.5em 0 -0.75em;
How to use the PX to EM Converter
- Paste or type your CSS / px into the input area, or open a file from your device.
- Adjust the options above the editor if the tool offers any.
- Review the CSS / em result, then copy it or download it as a file.
Privacy and limitations
- Your data is processed on your device and is not uploaded to any server.
Related converters
PX to REM ConverterConvert pixels to rem using any root font size. Paste a list of values or a whole stylesheet to convert every px value.EM to PX ConverterConvert em values to pixels from a parent font size, as a list or inside pasted CSS rules.REM to PX ConverterConvert rem values to pixels for a given root font size, either as a list or inside pasted CSS.CSS Gradient GeneratorDesign linear, radial and conic CSS gradients with up to five colour stops, a live preview and copy-ready CSS.CSS Box Shadow GeneratorBuild layered CSS box-shadow values visually with offset, blur, spread, colour, opacity and inset controls.CSS Border Radius GeneratorSet each corner radius in px, % or rem with a live preview and get the shortest border-radius shorthand.CSS to JS Object ConverterConvert CSS declarations or rules into camelCase JavaScript style objects for React, CSS-in-JS or JSON.CSS Specificity CalculatorCalculate the specificity (A,B,C) of CSS selectors, including :is(), :not(), :has() and :where(), and see which wins.