الاتصال عبر MCP →

أدخل الحساب

أدخل كود HEX مكوّنًا من 3 أو 6 خانات، مع علامة # في البداية أو بدونها.

صيغة رياضية

اعلان

نتائج

لون RGB
rgb(52, 152, 219)
from #3498DB
الأحمر (R) 52
الأخضر (G) 152
الأزرق (B) 219

ما هو محوّل HEX إلى RGB؟

محوّل HEX إلى RGB هو أداة تترجم كود اللون السداسي العشري (تلك الصيغة المؤلفة من ستة أحرف والمستخدمة في CSS وHTML وبرامج التصميم) إلى قيم RGB المكافئة له. يصف نظام RGB اللون عبر ثلاث قنوات هي الأحمر والأخضر والأزرق، وتتراوح قيمة كل قناة بين 0 و255. أما كود HEX فيختزل هذه القيم الثلاث نفسها في سلسلة مدمجة بنظام العدّ السداسي عشري مثل #3498DB.

طريقة الاستخدام

اكتب أي كود لون سداسي في الحقل المخصص. يمكنك إضافة علامة # في البداية أو حذفها، كما يمكنك استخدام الصيغة المختصرة المكوّنة من 3 خانات (مثل #0AF)، إذ تُوسَّع تلقائيًا إلى صيغتها الكاملة المكوّنة من 6 خانات (#00AAFF). اضغط على زر الحساب لتظهر لك قيمة RGB الثلاثية، ومعاينة للّون، وقيمة كل قناة على حدة.

شرح المعادلة

يُقسَّم كود HEX المكوّن من 6 خانات إلى ثلاثة أزواج: الحرفان الأول والثاني يمثّلان اللون الأحمر، والثالث والرابع يمثّلان الأخضر، والخامس والسادس يمثّلان الأزرق. كل زوج هو عدد بالنظام السداسي عشري (الأساس 16) يُحوَّل إلى النظام العشري (الأساس 10).

$$(R,\,G,\,B) = \left( \text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6} \right)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \big(\,\text{HEX}\,[1\text{-}2]\,\big)_{16} \\ G &= \big(\,\text{HEX}\,[3\text{-}4]\,\big)_{16} \\ B &= \big(\,\text{HEX}\,[5\text{-}6]\,\big)_{16} \end{aligned} \right.$$

على سبيل المثال، الزوج FF يساوي \(15 \times 16 + 15 = 255\)، وهي أقصى شدّة، بينما الزوج 00 يساوي 0.

مخطط يوضح تقسيم رمز ست عشري من ستة خانات إلى ثلاثة أزواج تقابل قنوات الأحمر والأخضر والأزرق
يُقسَّم الرمز الست عشري المكوّن من 6 خانات إلى ثلاثة أزواج، يتحول كل منها إلى قيمة 0-255 للأحمر والأخضر والأزرق.

مثال تطبيقي

لنأخذ الكود #3498DB. الأحمر = 34 = \(3 \times 16 + 4 = 52\). الأخضر = 98 = \(9 \times 16 + 8 = 152\). الأزرق = DB = \(13 \times 16 + 11 = 219\). والنتيجة هي rgb(52, 152, 219)، وهو لون أزرق متوسط ولطيف.

القيمة الست عشرية FF8800 تتحول إلى RGB 255، 136، 0 مع عينة لونية
مثال: ‎#FF8800‎ يتحول إلى RGB ‏(255، 136، 0)، عينة برتقالية.

الأسئلة الشائعة

هل أحتاج إلى علامة # ؟ لا. تزيلها الأداة تلقائيًا، لذا فإن 3498db و#3498DB يعطيان النتيجة نفسها.

هل يفرّق النظام بين الأحرف الكبيرة والصغيرة؟ لا. فالكود ff مطابق تمامًا للكود FF؛ إذ توحّد الأداة كل شيء إلى أحرف كبيرة.

وماذا عن الأكواد المكوّنة من 3 خانات؟ تُوسَّع الصيغة المختصرة مثل #F00 بمضاعفة كل خانة لتصبح #FF0000، وهو ما يساوي rgb(255, 0, 0) (أحمر صريح).

آخر تحديث: