محوّل PX-REM
px (base: 16px)
1rem
font-size: 1rem;px ↔ rem Reference Table (Base Font Size: 16px)
| px | rem | نسخ |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
آخر تحديث: 2026 · أداة مجانية عبر الإنترنت
ما هو محوّل PX-REM؟
أداة مجانية عبر الإنترنت تحوّل وحدات CSS بكسل وrem في كلا الاتجاهين باستخدام حجم خط جذر قابل للتخصيص، وتدعم القيم العشرية، وتتضمن جدول مرجعي قابل للنسخ ومقتطف CSS.
كيفية الاستخدام
- 1تعيين حجم الخط الجذر— عيّن حجم خط العنصر الجذر (الافتراضي 16px).
- 2أدخل قيمة PX أو REM— أدخل رقمًا في حقل PX أو REM.
- 3عرض النتيجة— يتم حساب القيمة بالوحدة الأخرى تلقائيًا.
- 4نسخ النتيجة— انقر على زر النسخ لنسخ قيمة CSS.
أدوات ذات صلة
محوّل أكواد الألوانمحول ألوان مجاني عبر الإنترنت يترجم فورًا بين أكواد HEX وRGB وHSL وOKLCH ويحسب نسبة تباين WCAG بين لونين حتى تتحقق من الامتثال لمعايير إمكانية الوصول بسهولة.
محوّل الطابع الزمنيأداة مجانية عبر الإنترنت للتحويل بين طوابع الوقت Unix والتواريخ في الاتجاهين. تقبل الثواني (10 أرقام) والمللي ثانية (13 رقمًا) وتدعم KST وJST وUTC وصيغة ISO 8601 والوقت النسبي.
مولد ظل CSS box-shadowمولّد CSS box-shadow مجاني عبر الإنترنت بعناصر تحكم في الإزاحة والتمويه والانتشار واللون والظل الداخلي inset، يعرض معاينة حية للظل ويُنتج كود CSS box-shadow جاهزًا للنسخ.
الأسئلة الشائعة
PX هي وحدة بكسل ثابتة، وREM هي وحدة نسبية تعتمد على حجم خط العنصر الجذر. REM أفضل للتصميم المتجاوب.
حجم الخط الجذر الافتراضي للمتصفح هو 16px، أي أن 1rem = 16px.
يتيح REM للمستخدمين ضبط حجم الخط من إعدادات المتصفح، مما يحسن إمكانية الوصول.
لا. تتم جميع التحويلات في متصفحك.