EM to PX Converter
Convert em values to pixels from a parent font size, as a list or inside pasted CSS rules.
Runs in your browserCSS / em → CSS / px
Loading tool…
Example
h2 { font-size: 1.25em; margin: .5em 0; }h2 { font-size: 20px; margin: 8px 0; }How to use the EM to PX Converter
- Paste or type your CSS / em 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 / px 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
REM to PX ConverterConvert rem values to pixels for a given root font size, either as a list or inside pasted CSS.PX to EM ConverterConvert pixel values to em relative to a parent font size, for single values or every px in a stylesheet.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.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.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.