ما هو محول Hex إلى RGB؟
كود اللون السداسي (Hex) هو تمثيل بالنظام الست عشري مكوّن من ست خانات للون، ويُكتب على الصورة #RRGGBB. كل زوج من الخانتين يمثّل إحدى قنوات اللون الجمعية الثلاث: الأحمر والأخضر والأزرق. يقرأ هذا المحوّل الكود السداسي ويُعيد ثلاثية RGB المكافئة له، حيث تكون كل قناة عدداً صحيحاً يتراوح بين 0 و255. وصيغة RGB هي ما تعتمد عليه لغة CSS وبرامج التصميم ومعظم الشاشات في الخلفية، لذا فإن التحويل بين الصيغتين مهمة يومية لمطوري الويب والمصممين.
طريقة الاستخدام
اكتب الكود السداسي في الحقل — سواء أضفت علامة # في البداية أم لا. تُقبل الصيغة الكاملة المكوّنة من ست خانات (#3498DB) كما تُقبل الصيغة المختصرة المكوّنة من ثلاث خانات (#39C، التي تتوسّع إلى #3399CC). تقوم الأداة بإزالة أي رموز زائدة وتوحيد صيغة الكود، ثم تعرض فوراً قيم الأحمر والأخضر والأزرق مع عيّنة لونية حيّة وكود CSS جاهز للّصق.
شرح المعادلة
النظام الست عشري هو نظام بالأساس 16، ويستخدم الأرقام من 0 إلى 9 والحروف من A إلى F (حيث A=10 … F=15). يُحوَّل الزوج المكوّن من خانتين وفق القاعدة القيمة = الخانة الأولى × 16 + الخانة الثانية.
$$(R,\,G,\,B) = \bigl(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\bigr)_{16}$$$$\text{where}\quad \left\{ \begin{aligned} R &= \left(\text{Hex Code}\ \text{digits 1-2}\right)_{16} \\ G &= \left(\text{Hex Code}\ \text{digits 3-4}\right)_{16} \\ B &= \left(\text{Hex Code}\ \text{digits 5-6}\right)_{16} \end{aligned} \right.$$وبذلك يكون FF = \(15 \times 16 + 15 = 255\) وهي القيمة القصوى، بينما 00 = 0 وهي القيمة الدنيا. وتُفك شيفرة الأزواج الثلاثة بشكل مستقل لإنتاج قيم R وG وB.
مثال محلول
لنأخذ الكود #3498DB. زوج الأحمر هو 34 = \(3 \times 16 + 4 = \mathbf{52}\). وزوج الأخضر هو 98 = \(9 \times 16 + 8 = \mathbf{152}\). وزوج الأزرق هو DB = \(13 \times 16 + 11 = \mathbf{219}\). والنتيجة هي rgb(52, 152, 219) — وهو لون أزرق شائع في التصميم المسطّح (Flat Design).
الأسئلة الشائعة
هل تقبل الأداة الصيغة المختصرة مثل #FFF؟ نعم. تتوسّع الصيغة المكوّنة من ثلاث خانات بمضاعفة كل خانة، فيصبح #FFF هو #FFFFFF = rgb(255, 255, 255).
ماذا عن قناة الشفافية (alpha)؟ تتعامل هذه الأداة مع لون RGB ثلاثي القنوات. أما الكود السداسي المكوّن من 8 خانات والمتضمّن للشفافية فيُقتطع إلى خاناته الست الأولى لإجراء تحويل اللون.
كيف أعود من RGB إلى Hex؟ صِغ قيمة كل قناة كرقم ست عشري مكوّن من خانتين ثم اربطها معاً بعد علامة #. فعلى سبيل المثال: 52، 152، 219 ← 34، 98، DB ← #3498DB.
