Px / Em / Rem Converter
Convert between px, em, and rem values for CSS sizing. Perfect for responsive design calculations.
Base Settings
px
px
Converter
Absolute unit - fixed size
Relative to parent font size (16px)
Relative to root font size (16px)
Visual Preview
Sample text at current size:
The quick brown fox jumps over the lazy dog
CSS Declaration
font-size: 16px;Em Version
font-size: 1em;Rem Version
font-size: 1rem;Understanding CSS Units
px (Pixels)
Absolute unit. Always the same size regardless of parent elements.
em
Relative to parent element's font size. Compounds when nested.
rem
Relative to root element's font size. Consistent throughout the document.
Share This Tool
Found this tool helpful? Share it with others who might benefit from it!
💡 Help others discover useful tools! Sharing helps us keep these tools free and accessible to everyone.