ما قيمة <bdi>1rem</bdi> بالبكسل؟
<bdi>1rem</bdi> = <bdi>16px</bdi> (عند أساس <bdi>16px</bdi>) عند حجم الخط الجذري الافتراضي للمتصفّح 16px، يساوي 1rem تماماً 16px. هذه هي المرساة لكل تحويل: px = rem × 16.
محوّل REM إلى PX — فوري وخاص
حوّل rem إلى px فورياً مع حجم خط جذري قابل للتخصيص. 1rem = 16px افتراضياً. تحويل حيّ ثنائي الاتجاه، جاهز للنسخ، يعمل 100% في متصفّحك.
بدون تتبّع يعمل في المتصفّح مجاني
px
معاينة
النص السريع للمعاينة
روجِع لأجل دقّة وحدة rem في CSS وإرشادات إمكانية الوصول — فريق هندسة Go Tools · Jun 11, 2026
مرجع سريع
ما صيغة <bdi>rem</bdi> إلى <bdi>px</bdi>؟
px = rem × root-font-size اضرب قيمة rem في حجم الخط الجذري. مثلاً، 1.5rem × 16 = 24px. غيّر الأساس في الأداة إذا كان مشروعك لا يستخدم 16px.
ما حيلة 62.5%؟
62.5% → 1rem = 10px ضبط html { font-size: 62.5% } يجعل الجذر 10px، فيصير 1rem = 10px ويصبح تحويل rem إلى px مجرّد "الضرب في 10". اضبط أساس هذه الأداة على 10 لاستخدامها.
ما محوّل REM إلى PX؟
يترجم محوّل rem إلى px وحدات rem إلى قياسات بكسل. وحدة rem ("root em") نسبية إلى حجم خط عنصر الجذر <html>: تساوي 1rem دائماً حجم الخط الجذري، الذي تُعيّنه المتصفّحات إلى 16px افتراضياً. التحويل ضرب بسيط — px = rem × root-font-size — لكن التحقّق منه لكل قيمة أثناء قراءة ورقة أنماط أو تصحيحها أمر متكرّر، وهو ما تزيله هذه الأداة.
يكتب المطوّرون CSS عادةً بـrem لأجل إمكانية الوصول وقابلية التدرّج: القيم المكتوبة بـrem تتدرّج مع تفضيل المستخدم لحجم خط المتصفّح، بينما تبقى قيم px ثابتة. لكن هناك لحظات كثيرة تحتاج فيها رقم البكسل — مطابقة نموذج تصميم، أو تسليم الأحجام إلى مصمّم يعمل بالبكسل، أو ضبط خاصية تقبل px فقط، أو تصحيح سبب عرض عنصر بحجم معيّن. عندئذ يكون تحويل rem عودةً إلى px هو ما تريده تماماً.
يُبقي هذا المحوّل حقلي rem والبكسل مرتبطين في الوقت الفعلي، فيمكنك التحرّك في أيّ اتجاه، و— بخلاف الأدوات التي تثبّت أساس 16px — يتيح لك ضبط أيّ حجم خط جذري. هذا مهم لأن ورقة أنماط تستخدم تقنية 62.5% (جذر 10px) تؤول بـrem إلى قيم بكسل مختلفة عن إعداد 16px الافتراضي. تُظهِر معاينة حيّة حجم النص الناتج، ويسرد جدول مرجعي قيم rem الشائعة عند أساس 16px للبحث السريع.
تحتاج الاتجاه الآخر؟ استخدم محوّل px إلى rem. ولتنظيف ورقة الأنماط نفسها، جرّب منسّق CSS، ولأعمال الألوان انظر محوّل الألوان. كل شيء يجري في متصفّحك — قيمك لا تغادر جهازك أبداً.
/* The core formula */
/* px = rem × root-font-size (16px by default) */
:root {
font-size: 16px; /* 1rem = 16px */
}
/* 1.5rem -> 24px */
/* 1rem -> 16px */
/* 0.75rem -> 12px */
/* 2rem -> 32px */
/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12 الميزات الرئيسية لهذا المحوّل REM إلى PX
حجم خط جذري مخصّص
حوّل مقابل أيّ أساس، وليس 16px فقط. طابِق تقنية 62.5% (10px) أو حجم الخط الجذري الفعلي لمشروعك — معظم الأدوات تثبّت 16.
تحويل حيّ ثنائي الاتجاه
يبقى حقلا rem والبكسل مرتبطين في الوقت الفعلي. عدّل أيّ جانب فيتحدّث الآخر فوراً مقابل الأساس الذي اخترته.
معاينة مدمجة للحجم
يعرض سطر معاينة نصّاً بحجم rem المُدخَل لترى المقياس، لا الرقم وحده.
نسخ بنقرة واحدة
انسخ قيمة rem أو px إلى حافظتك بنقرة واحدة، جاهزة للّصق في CSS أو أداة تصميم.
جدول تحويل مرجعي
مخطّط لقيم rem الشائعة ومكافئاتها بالبكسل عند أساس 16px لبحث سريع بلا كتابة.
100% في المتصفّح وخاص
تجري كل الحسابات محلياً في متصفّحك. لا طلبات خادم، ولا تتبّع، ولا تخزين بيانات — قيمك لا تغادر جهازك أبداً.
أمثلة على تحويل REM إلى PX
نص المتن — 1rem إلى px
1
16px
عند حجم الخط الجذري الافتراضي 16px، يساوي 1rem تماماً 16px. هذا هو الأساس لكل تحويل آخر: px = rem × 16.
العنوان — 1.5rem إلى px
1.5
24px
تؤول 1.5rem إلى 24px (1.5 × 16). تُكتب العناوين كثيراً بـrem لتتدرّج مع تفضيل المستخدم لحجم الخط لكنها تظلّ تُطابَق إلى أحجام بكسل مألوفة.
تسمية صغيرة — 0.75rem إلى px
0.75
12px
القيمة 0.75rem هي 12px عند أساس 16px. التحقّق من قيمة البكسل يساعد على تأكيد بقاء الطباعة الدقيقة مقروءة.
التباعد — 0.5rem إلى px
0.5
8px
القيمة 0.5rem تساوي 8px. تعبّر أنظمة التصميم كثيراً عن الحشو والهوامش بـrem؛ والتحويل عودةً إلى px مفيد للمراجعة الدقيقة بالبكسل.
عنوان كبير — 2rem إلى px
2
32px
القيمة 2rem هي ضِعف الأساس تماماً، 32px. المضاعفات النظيفة كهذه شائعة للعناوين البارزة.
نقطة التوقّف — 48rem إلى px
48
768px
تؤول نقطة توقّف استعلام الوسائط 48rem إلى 768px عند أساس 16px — عتبة عرض لوحي مألوفة معبَّر عنها بوحدات قابلة للتدرّج.
كيفية تحويل قيم rem الشائعة إلى px
مرجع سريع لقيم rem التي يحوّلها المطوّرون إلى px الأكثر شيوعاً، عند حجم الخط الجذري الافتراضي 16px.
كيفية تحويل 1rem إلى px
1 rem → 16 px
اضرب 1 في حجم الخط الجذري 16px للحصول على 16px. القيمة 1rem هي قيمة المرساة — تساوي تماماً 16px في الإعداد الافتراضي، نقطة المرجع لكل التحويلات الأخرى.
1 rem → 16 px احفظ <bdi>1rem = 16px</bdi>. ومنها، خذ النصف لـ<bdi>0.5rem</bdi> (<bdi>8px</bdi>) والضِعف لـ<bdi>2rem</bdi> (<bdi>32px</bdi>).
جرّبها بالأعلى — أدخِل قيمة <bdi>rem</bdi> وشاهِد البكسلات فوراً.
كيفية تحويل 1.5rem إلى px
1.5 rem → 24 px
اضرب 1.5 في 16 للحصول على 24px. القيمة 1.5rem حجم شائع للعناوين والأزرار الكبيرة، لذا تظهر 24px كثيراً في أنظمة التصميم.
1.5 rem → 24 px <bdi>1.5rem = 24px</bdi>. حجم عنوان أنيق يساوي بالضبط 1.5× الأساس.
جرّبها بالأعلى — أدخِل قيمة <bdi>rem</bdi> وشاهِد البكسلات فوراً.
كيفية تحويل 0.75rem إلى px
0.75 rem → 12 px
اضرب 0.75 في 16 للحصول على 12px. القيمة 0.75rem حجم شائع للتعليقات والتسميات والطباعة الدقيقة.
0.75 rem → 12 px <bdi>0.75rem = 12px</bdi> (ثلاثة أرباع الأساس). مفيد للنص الثانوي.
جرّبها بالأعلى — أدخِل قيمة <bdi>rem</bdi> وشاهِد البكسلات فوراً.
كيفية تحويل 0.875rem إلى px
0.875 rem → 14 px
اضرب 0.875 في 16 للحصول على 14px. القيمة 0.875rem حجم شائع جداً لنص المتن والواجهة في مكتبات المكوّنات.
0.875 rem → 14 px <bdi>0.875rem = 14px</bdi>، حجم النص الافتراضي في كثير من أُطُر الواجهة.
جرّبها بالأعلى — أدخِل قيمة <bdi>rem</bdi> وشاهِد البكسلات فوراً.
كيفية تحويل 2rem إلى px
2 rem → 32 px
اضرب 2 في 16 للحصول على 32px. القيمة 2rem قيمة متكرّرة للعناوين الكبيرة وتباعد الأقسام، تُطابَق إلى 32px نظيفة.
2 rem → 32 px <bdi>2rem = 32px</bdi>، ضِعف الأساس تماماً — سهلة التذكّر للعناوين الكبيرة والتباعد.
جرّبها بالأعلى — أدخِل قيمة <bdi>rem</bdi> وشاهِد البكسلات فوراً.
كيفية تحويل 0.5rem إلى px
0.5 rem → 8 px
اضرب 0.5 في 16 للحصول على 8px. القيمة 0.5rem مقدار تباعد شائع للحشو والهوامش والفجوات.
0.5 rem → 8 px <bdi>0.5rem = 8px</bdi>، نصف الأساس — وحدة تباعد صغيرة متكرّرة.
جرّبها بالأعلى — أدخِل قيمة <bdi>rem</bdi> وشاهِد البكسلات فوراً.
مخطّط تحويل <bdi>REM</bdi> إلى <bdi>PX</bdi>
قيم <bdi>rem</bdi> إلى <bdi>px</bdi> محسوبة مسبقاً عند حجم الخط الجذري الافتراضي <bdi>16px</bdi>. أضِف هذه الصفحة إلى المفضّلة للبحث السريع.
Rem إلى البكسل (أساس 16px)
| REM | PX |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1 | 16 |
| 1.25 | 20 |
| 1.5 | 24 |
| 1.75 | 28 |
| 2 | 32 |
| 2.25 | 36 |
| 2.5 | 40 |
| 2.75 | 44 |
| 3 | 48 |
قيم Rem أكبر إلى px
| REM | PX |
|---|---|
| 3.5 | 56 |
| 4 | 64 |
| 4.5 | 72 |
| 5 | 80 |
| 5.5 | 88 |
| 6 | 96 |
| 6.5 | 104 |
| 7 | 112 |
| 7.5 | 120 |
| 8 | 128 |
كيفية استخدام محوّل REM إلى PX
- 1
أدخِل قيمة rem
اكتب أو الصق رقماً في حقل Rem. تظهر البكسلات المكافئة فوراً — دون الحاجة إلى زر تحويل.
- 2
اضبط حجم الخط الجذري (اختياري)
الأساس افتراضياً 16px. غيّره ليطابق مشروعك — مثلاً 10px لتقنية 62.5% — فيتحدّث كل نتيجة مقابل الأساس الجديد.
- 3
اقرأ نتيجة البكسل والمعاينة
يعرض حقل البكسل القيمة المحوّلة، ويعرض سطر المعاينة نصّاً بذلك الحجم، وتؤكّد الصيغة النسبة الحالية (مثلاً 1rem = 16px).
- 4
انسخ القيمة
انقر أيقونة النسخ بجوار أيّ حقل لنسخ قيمة rem أو px إلى حافظتك، جاهزة للّصق حيث تحتاجها.
حالات استخدام تحويل REM إلى PX
- مطابقة نموذج بالبكسل
- تحقّق ممّا تؤول إليه قيم rem في CSS بالبكسل لتتوافق مع نموذج المصمّم القائم على البكسل.
- تسليم التصميم
- حوّل نظام تصميم قائم على rem عودةً إلى px عند إيصال الأحجام لمصمّمين أو أصحاب مصلحة يفكّرون بالبكسل.
- تصحيح التخطيط والطباعة
- حُلّ سريعاً أحجام خطوط rem والتباعد ونقاط التوقّف إلى بكسل أثناء تشخيص سبب عرض شيء بحجم معيّن.
- التحقّق من تقنية 62.5%
- حوّل rem إلى px مقابل حجم خط جذري 10px لتأكيد القيم عند استخدام html { font-size: 62.5% }.
- ضبط الخصائص التي تقبل px فقط
- احصل على رقم البكسل الدقيق لخاصية أو أداة تتوقّع البكسل بدلاً من rem.
- مراجعة مكتبات المكوّنات
- اطّلع على أحجام البكسل وراء مكتبة مكوّنات قائمة على rem لتدقيق مقاييس التباعد والطباعة.
تفاصيل تقنية
- وحدة rem
- rem نسبية إلى حجم خط الجذر <html>. تساوي 1rem ذلك الحجم بالبكسل — 16px افتراضياً — أي px = rem × root-font-size.
- حساب بدقّة مضاعفة
- تستخدم التحويلات الفاصلة العائمة بدقّة مضاعفة وفق IEEE 754، مع تقريب إلى خمسة منازل عشرية على الأكثر وإزالة الأصفار اللاحقة لقيم نظيفة.
- معالجة من جانب العميل
- تجري كل منطق التحويل بجافاسكربت داخل متصفّحك. لا تُجرى أيّ طلبات شبكة — تعمل الأداة بالكامل دون اتصال بمجرّد التحميل.
أفضل الممارسات لاستخدام rem وpx
- حوّل مقابل أساسك الحقيقي
- استخدم دائماً حجم الخط الجذري الذي تضبطه ورقة أنماطك فعلاً. أساس 10px (تقنية 62.5%) يؤول بـrem إلى بكسلات مختلفة عن الافتراضي 16px.
- اكتب بـ rem، وتحقّق بـ px
- أبقِ CSS بـrem لأجل إمكانية الوصول واستخدم رقم البكسل للمراجعة والتسليم والتصحيح — لا كذريعة لتثبيت px.
- انتبه لتراكم em مقابل rem
- إذا آلت قيمة على نحو غير متوقّع، أكّد أنها rem (نسبية إلى الجذر) وليست em (نسبية إلى الأصل) التي تتراكم عند التداخل.
الأسئلة الشائعة حول REM إلى PX
ما قيمة 1rem بالبكسل؟
تساوي 1rem حجم الخط الجذري بالبكسل — 16px افتراضياً. وحدة rem نسبية إلى حجم خط عنصر الجذر <html>، أي px = rem × root-font-size. في الإعداد القياسي 1rem = 16px، 1.5rem = 24px، و2rem = 32px. إذا غيّرت ورقة أنماط حجم الخط الجذري، تتغيّر قيمة 1rem بالبكسل معها.
كيف تحوّل rem إلى px؟
اضرب قيمة rem في حجم الخط الجذري. الصيغة هي px = rem × base، حيث base هو حجم خط عنصر <html> (16px افتراضياً). مثلاً، 1.5rem × 16 = 24px، و0.75rem × 16 = 12px. تجري هذه الأداة الضرب نيابة عنك في الوقت الفعلي وتتيح لك تغيير الأساس إذا كان مشروعك يستخدم حجم خط جذري مختلفاً.
ما قيمة 16px بوحدة rem؟
تساوي 16px القيمة 1rem عند حجم الخط الجذري الافتراضي 16px، لأن rem = px ÷ base. هذا عكس اتجاه rem إلى px: 1rem = 16px، إذن 16px = 1rem. غيّر الأساس في الأداة، أو استخدم محوّل px إلى rem، إذا كان مشروعك لا يستخدم جذر 16px.
لماذا تستخدم التصاميم rem بدلاً من px؟
تحترم وحدات rem تفضيل المستخدم لحجم خط المتصفّح، وهو مهم لإمكانية الوصول. عندما يزيد أحدهم حجم خطه الافتراضي، يتدرّج كل ما هو مُحدَّد بـrem تناسبياً، بينما تبقى قيم px ثابتة. كما يحافظ rem على اتساق نظام التصميم — غيّر حجم خط جذري واحد فتُعاد الواجهة كلّها إلى التحجيم. ويظلّ تحويل rem عودةً إلى px مفيداً للمراجعة الدقيقة بالبكسل، وتسليم التصميم، والتصحيح.
ما الفرق بين rem وem وpx؟
px وحدة مطلقة — بكسل CSS ثابت. rem نسبية إلى حجم خط الجذر (<html>)، فتكون متّسقة عبر الصفحة. em نسبية إلى حجم خط أصل العنصر الحالي، فتتراكم عند التداخل. استخدم rem لمعظم التحجيم ليتدرّج مع تفضيل المستخدم، وpx للتفاصيل الثابتة مثل حدود 1px، وem عندما تريد قيمة تتدرّج نسبةً إلى سياقها المحلّي.
ما حيلة حجم الخط 62.5%؟
ضبط html { font-size: 62.5% } يجعل حجم الخط الجذري 10px (62.5% من الافتراضي 16px). مع أساس 10px، يكون 1rem = 10px، فيصبح تحويل rem إلى px مجرّد "الضرب في 10": 1.6rem = 16px، 2.4rem = 24px. يحبّ مطوّرون كثيرون الحساب الأبسط، ثم يضبطون body { font-size: 1.6rem } لنص متن مقروء بحجم 16px. اضبط حجم الخط الجذري لهذه الأداة على 10 للتحويل مقابل أساس 62.5%.
هل يمكنني تغيير حجم الخط الجذري في هذا المحوّل؟
نعم. حقل حجم الخط الجذري يكون افتراضياً 16px لكنه يقبل أيّ قيمة — 10 أو 18 أو 20 أو أيّاً كان ما يستخدمه مشروعك. يتحدّث كل تحويل وجدول المرجع مقابل الأساس الذي تضبطه. انقر 'إعادة إلى 16' للعودة إلى الافتراضي. تثبّت معظم المحوّلات 16px برمجياً؛ الأساس المخصّص هو ما يتيح لهذه الأداة مطابقة ورقة أنماطك الحقيقية.
هل 1rem يساوي دائماً 16px؟
فقط عندما يكون حجم الخط الجذري 16px، وهو الافتراضي في كل المتصفّحات تقريباً. تظلّ العلاقة 1rem = 16px قائمة طالما لم يُتجاوز html { font-size }. إذا ضبطت ورقة أنماط حجم الخط الجذري على 10px أو 18px، فإن 1rem يساوي تلك القيمة بدلاً من ذلك. حوّل دائماً مقابل حجم الخط الجذري الفعلي للصفحة.
متى ينبغي تحويل rem عودةً إلى px؟
تحويل rem إلى px مفيد عندما تحتاج قيماً دقيقة بالبكسل: مطابقة نموذج تصميم، أو إيصال الأحجام إلى مصمّم يعمل بالبكسل، أو ضبط خاصية تقبل px فقط، أو تصحيح سبب عرض عنصر بحجم معيّن. تبقى كتابة rem في ورقة أنماطك للتدرّج؛ ورقم px للتحقّق والتسليم.
هل يهمّ أيّ حجم خط جذري أستخدمه للتحويل؟
نعم — حجم الخط الجذري هو المُضاعِف، فهو يغيّر النتيجة مباشرة. القيمة 2rem هي 32px عند أساس 16px لكنها 20px عند أساس 10px. إذا كانت ورقة أنماطك تستخدم تقنية 62.5% أو أيّ حجم خط جذري مخصّص، اضبط أساس الأداة ليطابقه، وإلّا ستكون قيم البكسل خاطئة.
ما مدى دقّة محوّل rem إلى px هذا؟
تستخدم التحويلات حسابات الدقّة المضاعفة وفق IEEE 754 والصيغة الدقيقة px = rem × base، مع تقريب النتائج إلى خمسة منازل عشرية على الأكثر وإزالة الأصفار اللاحقة. هذا أرفع بكثير ممّا يحتاجه المتصفّح، والحساب حتمي، فيمكنك الاعتماد عليه في أعمال الإنتاج.
هل بياناتي آمنة عند استخدام هذا المحوّل؟
تماماً. تجري كل التحويلات محلياً في متصفّحك باستخدام جافاسكربت. لا تُرسَل أيّ قيم إلى أيّ خادم — لا طلبات شبكة، ولا ملفّات تعريف ارتباط على مدخلاتك، ولا تحليلات على ما تكتبه. يمكنك التحقّق من ذلك بقطع الاتصال بالإنترنت: تظلّ الأداة تعمل بالكامل دون اتصال بمجرّد تحميل الصفحة.
أدوات ذات صلة
عرض جميع الأدوات →محوّل الأنظمة العددية — ثنائي وست عشري وعشري وثماني
أدوات التحويل
حوّل بين الأنظمة الثنائية والست عشرية والعشرية والثمانية وأي أساس من 2 إلى 36 فوراً — أداة مجانية أونلاين تعمل في متصفّحك. جرّبها الآن.
محوّل ألوان HEX/RGB/OKLCH
أدوات التحويل
حوّل ألوان HEX إلى RGB و HSL و OKLCH و OKLAB و CMYK داخل متصفحك — انسخ أي صيغة بنقرة واحدة. مجاني، بلا تسجيل، ألوانك لا تغادر الصفحة أبداً.
محوّل HEX إلى CMYK
أدوات التحويل
حوّل ألوان HEX إلى CMYK في المتصفح. تقريب ساذج قائم على sRGB لمعاينات الطباعة. مجاني، بلا تسجيل، ألوانك تبقى محلياً.
محوّل HEX إلى HSL
أدوات التحويل
حوّل أي لون HEX إلى HSL في المتصفح — يدعم 3 و6 و8 أرقام مع alpha. مجاني، فوري، بلا تسجيل، ألوانك لا تغادر الصفحة أبداً.
محوّل HEX إلى OKLCH
أدوات التحويل
حوّل HEX إلى OKLCH لرموز تصميم Tailwind v4. إخراج موحّد إدراكياً حيّ مع تنبيهات نطاق Display P3. مجاني، في المتصفح فقط.
محوّل HEX إلى RGB
أدوات التحويل
حوّل أي رمز لون HEX إلى RGB في المتصفح — يدعم HEX من 3 و6 و8 أرقام مع alpha. مجاني، فوري، بلا تسجيل، ألوانك لا تغادر الصفحة أبداً.