محوّل PX إلى REM — فوري وخاص

حوّل px إلى rem فورياً مع حجم خط جذري قابل للتخصيص. 16px = 1rem افتراضياً. تحويل حيّ ثنائي الاتجاه، جاهز للنسخ، يعمل 100% في متصفّحك.

بدون تتبّع يعمل في المتصفّح مجاني

حجم الخط الجذري

البكسل (px)

Rem (rem)

معاينة

النص السريع للمعاينة

روجِع لأجل دقّة وحدة rem في CSS وإرشادات إمكانية الوصول — فريق هندسة Go Tools · Jun 11, 2026

مرجع سريع

ما قيمة <bdi>16px</bdi> بوحدة <bdi>rem</bdi>؟

<bdi>16px</bdi> = <bdi>1rem</bdi> (عند أساس <bdi>16px</bdi>) عند حجم الخط الجذري الافتراضي للمتصفّح 16px، تساوي 16px تماماً 1rem. هذه هي المرساة لكل تحويل آخر: rem = px ÷ 16.

ما صيغة <bdi>px</bdi> إلى <bdi>rem</bdi>؟

rem = px ÷ root-font-size اقسِم قيمة البكسل على حجم الخط الجذري. مثلاً، 24px ÷ 16 = 1.5rem. غيّر الأساس في الأداة إذا كان مشروعك لا يستخدم 16px.

ما حيلة 62.5%؟

62.5% → 1rem = 10px ضبط html { font-size: 62.5% } يجعل الجذر 10px، فيصير 1rem = 10px ويصبح حساب rem مجرّد "القسمة على 10". اضبط أساس هذه الأداة على 10 لاستخدامها.

ما محوّل PX إلى REM؟

يترجم محوّل px إلى rem قياسات البكسل إلى وحدات rem لأجل CSS. وحدة rem ("root em") نسبية إلى حجم خط عنصر الجذر <html>: تساوي 1rem دائماً حجم الخط الجذري، الذي تُعيّنه المتصفّحات إلى 16px افتراضياً. التحويل قسمة بسيطة — rem = px ÷ root-font-size — لكن إجراءه يدوياً لكل حجم خط وهامش ونقطة توقّف في ورقة أنماط أمر مُمِلّ ومعرّض للخطأ، وهو ما تزيله هذه الأداة.

سبب التحويل أصلاً هو إمكانية الوصول وقابلية التدرّج. عندما تُكتب قيمة بـpx، تكون مقفولة على حجم ثابت وتتجاهل تفضيل المستخدم لحجم خط المتصفّح. وعندما تُكتب بـrem، تتدرّج تناسبياً إذا زاد المستخدم حجم خطه الافتراضي — وهو تيسير حاسم لذوي ضعف البصر وتجربة أسلس لكل من يكبّر. كما يعني التعبير عن نظام تصميم بـrem أن تغييراً واحداً في حجم الخط الجذري يعيد تحجيم الواجهة كلّها باتساق.

يُبقي هذا المحوّل حقلي البكسل وrem مرتبطين في الوقت الفعلي، فيمكنك التحرّك في أيّ اتجاه، و— بخلاف الأدوات التي تثبّت أساس 16px — يتيح لك ضبط أيّ حجم خط جذري. هذا مهم لأن ورقة أنماط تستخدم تقنية 62.5% (جذر 10px) تحوّل بشكل مختلف عن إعداد 16px الافتراضي. تُظهِر معاينة حيّة حجم النص الناتج، ويسرد جدول مرجعي أكثر قيم px شيوعاً عند أساس 16px للبحث السريع.

تحتاج الاتجاه العكسي؟ استخدم محوّل rem إلى px. ولترتيب ورقة الأنماط نفسها، جرّب منسّق CSS، ولأعمال الألوان انظر محوّل الألوان. كل شيء يجري في متصفّحك — قيمك لا تغادر جهازك أبداً.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

الميزات الرئيسية لهذا المحوّل PX إلى REM

حجم خط جذري مخصّص

حوّل مقابل أيّ أساس، وليس 16px فقط. طابِق تقنية 62.5% (10px) أو حجم الخط الجذري الفعلي لمشروعك — معظم الأدوات تثبّت 16.

تحويل حيّ ثنائي الاتجاه

يبقى حقلا البكسل وrem مرتبطين في الوقت الفعلي. عدّل أيّ جانب فيتحدّث الآخر فوراً مقابل الأساس الذي اخترته.

معاينة مدمجة للحجم

يعرض سطر معاينة نصّاً بحجم rem الناتج لترى المقياس، لا الرقم وحده.

نسخ بنقرة واحدة

انسخ قيمة px أو rem إلى حافظتك بنقرة واحدة، جاهزة للّصق مباشرة في CSS.

جدول تحويل مرجعي

مخطّط لأكثر قيم px شيوعاً ومكافئاتها بـrem عند أساس 16px لبحث سريع بلا كتابة.

100% في المتصفّح وخاص

تجري كل الحسابات محلياً في متصفّحك. لا طلبات خادم، ولا تتبّع، ولا تخزين بيانات — قيمك لا تغادر جهازك أبداً.

أمثلة على تحويل PX إلى REM

نص المتن — 16px إلى rem

1rem

عند حجم الخط الجذري الافتراضي 16px، يساوي 16px تماماً 1rem. هذا هو الأساس الذي يُقاس عليه كل تحويل آخر: rem = px ÷ 16.

العنوان — 24px إلى rem

1.5rem

يصبح العنوان بحجم 24px هو 1.5rem (24 ÷ 16 = 1.5). استخدام rem يعني أن العنوان يتدرّج تلقائياً إذا غيّر المستخدم حجم الخط الافتراضي لمتصفّحه.

تسمية صغيرة — 12px إلى rem

0.75rem

القيمة 12px هي 0.75rem عند أساس 16px. الطباعة الدقيقة والتعليقات مرشّحات شائعة لاستخدام rem لتحترم تفضيلات حجم الخط لدى القارئ.

التباعد — 8px إلى rem

0.5rem

القيمة 8px تساوي 0.5rem. تعبّر أنظمة تصميم كثيرة عن الحشو والهوامش بوحدة rem ليتدرّج التباعد مع النص معاً.

حيلة 62.5% — أساس 10px، 18px إلى rem

1.125rem

إذا ضبطت حجم الخط الجذري إلى 10px (تقنية 62.5%)، يصبح 18px هو 1.8rem. عند الأساس الافتراضي 16px، يكون 18px هو 1.125rem. حوّل دائماً مقابل الأساس الذي يستخدمه مشروعك فعلاً.

نقطة التوقّف — 768px إلى rem

48rem

نقطة توقّف استعلام الوسائط 768px هي 48rem عند أساس 16px. نقاط التوقّف القائمة على rem تتكبّر بشكل أكثر قابلية للتنبّؤ عندما يكبّر المستخدمون النص.

كيفية تحويل قيم px الشائعة إلى rem

مرجع سريع لقيم px التي يحوّلها المطوّرون إلى rem الأكثر شيوعاً، عند حجم الخط الجذري الافتراضي 16px.

كيفية تحويل 16px إلى rem

16 px → 1 rem

اقسِم 16 على حجم الخط الجذري 16px للحصول على 1rem. القيمة 16px هي قيمة المرساة — تساوي تماماً 1rem في الإعداد الافتراضي، ولهذا فهي نقطة المرجع لكل التحويلات الأخرى.

16 px → 1 rem

احفظ <bdi>16px = 1rem</bdi>. ومنها، خذ النصف لـ<bdi>0.5rem</bdi> (<bdi>8px</bdi>) والضِعف لـ<bdi>2rem</bdi> (<bdi>32px</bdi>).