EM to PX Converter

Convert em to pixels with a custom context size (16px default). Instant, free CSS unit converter.

Value (em)

Context font size (px, default 16)

—

How the nearest RAL match is calculated

Your colour is compared against all 217 RAL Classic colours and the closest one is returned, using a weighted RGB distance (the "redmean" approximation) which weights the channels closer to how the eye perceives them than a plain Euclidean distance would. Everything runs in your browser.

Important: RAL colours are not RGB values

RAL Classic colours are defined by physical paint samples, not by screen values. The hex values used here are the widely used screen approximations from Wikipedia's List of RAL colours, and the same RAL code can look noticeably different when printed on different substrates. Use this converter for on-screen reference only — for paint mixing, printing or production work, always confirm against a physical RAL fan deck.

See the full RAL Classic chart (all 217 colours) →

How it works

px = em × context font size — default context is 16px

Examples

Input	Output
1 em	16 px
1.5 em	24 px
0.875 em	14 px

Frequently Asked Questions

How many px is 1em?

1em equals the context font size — 16px by default. Enter the element's actual font size in the context field for exact results.

Is 1em the same as 1rem?

Only when the context font size equals the root font size (both 16px). Deeper in the DOM, em values compound while rem stays fixed.

Which should I use, em or rem?

rem for consistent global spacing and type; em for components that should scale with their local context (e.g. button padding).