Free Typography Tools
PX, REM, EM & PT Converter
Convert pixel typography values into rems, ems, and points using real root and parent contexts.
What this tool does
Translate typography values without losing their context.
The converter turns a pixel value into REM using the configured root size, EM using the configured parent size, and points using the CSS 96-PPI relationship.
Showing the contexts explicitly prevents the common mistake of treating EM and REM as interchangeable.
Use the tool
Convert PX, REM, EM, and PT
Enter the pixel value plus root and parent sizes, then copy the equivalent units.
Pixel value and CSS context
REM uses the root size; EM uses the immediate parent size. Points use the CSS 96-PPI conversion.
Equivalent units
16.00px1.0000rem1.0000em12.00ptHow to use it
Three quick steps
- 1Enter the pixel value to convert.
- 2Set the document root and immediate parent font sizes.
- 3Copy the appropriate unit for the implementation context.
Worked example
Convert 16px body copy
With a 16px root and 20px parent, convert a 16px value.
FAQ
Questions about the px/rem/em converter
Practical details about using the tool and understanding its result.
Keep working
Related tools
Type Scale Calculator
Generate a modular typography scale in pixels and rems from a base size and ratio.
Open toolGrid Calculator
Calculate precise column widths from a canvas, margins, gutters, and column count.
Open toolColor Contrast Checker
Check foreground and background colors against WCAG AA and AAA contrast targets.
Open toolFrom one asset to the whole workflow
Carry agreed typography values from design into implementation.
Draftroom keeps projects, creative files, feedback, revisions, and approvals connected in one workspace.