محوّل PX-REM
محول PX إلى REM يحسب وحدات البكسل وrem في الاتجاهين وفق حجم خط جذري قابل للتخصيص، مع دعم الكسور العشرية. يتضمن جدول مرجعي ومقتطف CSS قابلين للنسخ، مجانًا.
px (الأساس: 16px)
1rem
font-size: 1rem;px ↔ rem جدول مرجعي (حجم الخط الأساسي: 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؟
محول PX إلى REM يحسب وحدات البكسل وrem في الاتجاهين وفق حجم خط جذري قابل للتخصيص، مع دعم الكسور العشرية. يتضمن جدول مرجعي ومقتطف CSS قابلين للنسخ، مجانًا.
كيفية الاستخدام
- 1تعيين حجم الخط الجذر— عيّن حجم خط العنصر الجذر (الافتراضي 16px).
- 2أدخل قيمة PX أو REM— أدخل رقمًا في حقل PX أو REM.
- 3عرض النتيجة— يتم حساب القيمة بالوحدة الأخرى تلقائيًا.
- 4نسخ النتيجة— انقر على زر النسخ لنسخ قيمة CSS.
أدوات ذات صلة
مرجع وحدات CSSمرجع مجاني عبر الإنترنت لوحدات CSS مثل px وem وrem و% وvw وvh وvmin وvmax وch حسب الفئة، مع شرح واضح لمتى وكيفية استخدام كل وحدة مطلقة ونسبية في تصميمك.
مولد تدرج CSSمولد تدرجات CSS مرئي ومجاني عبر الإنترنت: صمم تدرجات خطية وشعاعية ومخروطية، وأضف نقاط ألوان متعددة، واضبط الزاوية، ثم انسخ كود CSS الجاهز لخلفيات موقعك.
محوّل أكواد الألوانمحول ألوان مجاني عبر الإنترنت يترجم فورًا بين أكواد HEX وRGB وHSL وOKLCH ويحسب نسبة تباين WCAG بين لونين.
مولد ظل CSS box-shadowمولّد box-shadow في CSS بضوابط للإزاحة والتمويه والانتشار واللون وinset مع معاينة حية للظل. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.
الأسئلة الشائعة
PX هي وحدة بكسل ثابتة، وREM هي وحدة نسبية تعتمد على حجم خط العنصر الجذر. REM أفضل للتصميم المتجاوب.
حجم الخط الجذر الافتراضي للمتصفح هو 16px، أي أن 1rem = 16px.
يتيح REM للمستخدمين ضبط حجم الخط من إعدادات المتصفح، مما يحسن إمكانية الوصول.
لا. تتم جميع التحويلات في متصفحك.