ما هو محوّل 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.
مثال تطبيقي
لنأخذ الكود #3498DB. الأحمر = 34 = \(3 \times 16 + 4 = 52\). الأخضر = 98 = \(9 \times 16 + 8 = 152\). الأزرق = DB = \(13 \times 16 + 11 = 219\). والنتيجة هي rgb(52, 152, 219)، وهو لون أزرق متوسط ولطيف.
الأسئلة الشائعة
هل أحتاج إلى علامة # ؟ لا. تزيلها الأداة تلقائيًا، لذا فإن 3498db و#3498DB يعطيان النتيجة نفسها.
هل يفرّق النظام بين الأحرف الكبيرة والصغيرة؟ لا. فالكود ff مطابق تمامًا للكود FF؛ إذ توحّد الأداة كل شيء إلى أحرف كبيرة.
وماذا عن الأكواد المكوّنة من 3 خانات؟ تُوسَّع الصيغة المختصرة مثل #F00 بمضاعفة كل خانة لتصبح #FF0000، وهو ما يساوي rgb(255, 0, 0) (أحمر صريح).