محوّل PX إلى REM

تحافظ وحدات rem على قابلية الوصول في التخطيطات — فهي تتكيّف مع حجم الخط الذي يفضّله المستخدم — لكن لا أحد يرغب في القسمة على 16 ذهنياً طوال اليوم. يقوم هذا المحوّل بالعملية الحسابية مباشرةً: اختر الاتجاه (px → rem أو rem → px أو px → em)، اكتب القيمة، فتظهر النتيجة فوراً مع سطر CSS جاهز للنسخ مثل font-size: 0.875rem.

حقل حجم الخط الأساسي يجعل الأداة مناسبة لأي مشروع. افتراضي المتصفح هو 16px، لذا تساوي 1rem قيمة 16px بشكل تلقائي، لكن العديد من قواعد الأكواد تضبط html { font-size: 62.5% } لجعل 1rem تساوي 10px — أدخل 10 كأساس وسيتبعه كل تحويل وكل صف في الجدول. يستخدم اتجاه px → em نفس الرياضيات مقابل حجم خط العنصر الأب بدلاً من الجذر، وهذا هو بالضبط الفرق بين em و rem في CSS.

أسفل النتيجة، يظهر جدول مرجعي بأكثر أحجام التصميم شيوعاً — 1، 2، 4، 8، 10، 12، 14، 16، 18، 20، 24، 32، 48، 64 بكسل — محوّلة مسبقاً عند أساسك الحالي، مع تمييز الصف المطابق للأساس. إنها ورقة الغش التي كنت ستلصقها على شاشتك، متزامنة دوماً مع الأساس الذي تستخدمه فعلياً.

كل شيء يحدث محلياً في متصفحك أثناء الكتابة: لا رفع، لا تسجيل اشتراك، لا رحلة ذهاب وإياب إلى الخادم. صفحات الضبط المسبق لـ rem → px وpx → em وأساس 10px والقيم الرائجة مثل 14 و24 و32 بكسل تفتح المحوّل معدّاً مسبقاً لتلك الأسئلة المحددة.