← All tools
[ 05 / DESIGN ]
PX ↔ REM Converter
Convert px, rem, and em against your root size, with a ready-to-copy scale.
Convert a value
Optional. Used for em; empty uses the root size.
Quick scale
| px | rem | Copy |
|---|---|---|
| 2px | 0.125rem | |
| 4px | 0.25rem | |
| 8px | 0.5rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 32px | 2rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 64px | 4rem |
Convert CSS
Ready when you are.
rem follows the root (html) font size; em follows the parent element's font size. Values inside url() stay unchanged, and zero drops its unit.
Your inputs stay in this browser. These tools do not upload your text or colors.