PX to REM Converter
Convert between pixels and REM units for responsive CSS
| Pixels | REM | Sample |
|---|---|---|
| 12px | 0.75rem | Aa |
| 14px | 0.875rem | Aa |
| 16px | 1rem | Aa |
| 18px | 1.125rem | Aa |
| 20px | 1.25rem | Aa |
| 24px | 1.5rem | Aa |
| 32px | 2rem | Aa |
| 40px | 2.5rem | Aa |
| 48px | 3rem | Aa |
| 64px | 4rem | Aa |
REM is relative to the root <html> font size - usually 16px by default. Using REM instead of PX means your layout scales when users change their browser text size.
طريقة الاستخدام
- 1Set the base
The default root font size is 16px - the browser default. Change it if your CSS overrides it.
- 2Type in either field
Enter pixels or REM; the other updates instantly.
- 3Reference the table
Common design-system sizes are pre-converted, with a visual preview of each font size.
عن PX to REM Converter
Free online PX to REM converter. Type a pixel value to get the REM equivalent (or vice versa) based on your root font size. Includes a common-sizes table with live preview. Runs entirely in your browser. PX to REM Converter على 712 Tools يعمل بالكامل داخل الـ browser الخاص بك باستخدام APIs الأصلية لـ JavaScript - لا يرى أي server بياناتك أبداً. أي: نتائج فورية، خصوصية كاملة، ولا حدود للرفع.
سواء كنت في جلسة debugging، أو مراجعة سريعة، أو حادثة إنتاج - هذه الأداة مجانية وبلا حد للاستخدام. لا علامات مائية، ولا تسجيل، ولا إعلانات داخل الأداة.
الأسئلة الشائعة
Why use REM instead of PX?
REM scales with the user's root font size - so users who bump their browser text size get a larger layout too. Better accessibility with no extra work.
What about EM?
EM is relative to the parent element's font size - useful for internal component scaling but confusing across a whole layout. REM is relative to the root only.
What if my root is 62.5%?
That's the 'REM = 10px' trick - set root font-size to 62.5% and 1rem = 10px. Change the base field to 10 in this tool.
أدوات ذات صلة
JSON to CSV
Convert JSON arrays to downloadable CSV
Timestamp Converter
Convert between Unix time, ISO 8601, and human-readable dates
Markdown to HTML
Convert Markdown to clean HTML with live preview
YAML ↔ JSON
Convert YAML to JSON and back with full syntax validation
JSON → TypeScript
Generate TypeScript interfaces or types from a JSON sample
Base Converter
Convert between binary, octal, decimal, and hexadecimal