تحويل RGB إلى HEX

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

محوّل RGB إلى HEX أداة تأخذ قيمة لون مكتوبة بصيغة RGB — الصيغة التي تعتمد على ثلاث نسب للأحمر والأخضر والأزرق من 0 إلى 255 — وتحوّلها فوراً إلى كود hex المكافئ لها تماماً، وهو الصيغة الست عشرية المختصرة التي يستخدمها CSS وأدوات التصميم مثل Figma وPhotoshop لتخزين الألوان وتبادلها.

تحتاج هذا التحويل كثيراً حين تنسخ لوناً من مصدر يعرضه بصيغة rgb() — نتيجة قراءة من الشاشة، أو قيمة من مكتبة تصميم، أو لون خرج من كود جافاسكربت — وتريد كود hex الجاهز لوضعه في ملف CSS أو تسليمه لمصمم آخر.

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

1. الصق قيمة RGB في الحقل. أي صيغة شائعة تعمل: rgb(64, 147, 230)، أو 64, 147, 230، أو حتى نِسَباً مئوية مثل rgb(25%, 58%, 90%).
2. أو اضبط الأرقام يدوياً. استخدم حقول الأحمر والأخضر والأزرق إن كنت تعرف كل قيمة على حدة؛ الحقل النصي والحقول الرقمية متزامنة في الاتجاهين.
3. انسخ كود hex الناتج. يظهر بحجم كبير مع عيّنة حية للّون، وتحته صيغ أخرى جاهزة للنسخ مثل rgb() وhsl().

كيف يتم التحويل

كل قناة لون بين 0 و255 تقابلها بالضبط قيمة ست عشرية من 00 إلى FF، فتحويل RGB إلى hex ليس تقريباً بل إعادة كتابة للرقم نفسه بنظام عدّ مختلف: 64 تصبح 40، و147 تصبح 93، و230 تصبح E6، فتخرج rgb(64, 147, 230) بصيغة #4093E6 دون أي فقد في الدقة.

حين يتكرر كل زوج من الخانات (كأن يكون #446699 مثلاً) يمكن اختصار الكود إلى ثلاث خانات بمضاعفة كل رقم، لكن هذا لا يصلح إلا لنحو 4096 لوناً من أصل 16.7 مليون لون ممكن. وتذكّر أن كود hex وrgb() كلاهما يصف ألوان sRGB فقط؛ أما ألوان النطاق الواسع مثل Display P3 فلا يمكن كتابتها بكود hex، بل تحتاج صيغة color(display-p3 ...) الحديثة في CSS. وسطر HSL الظاهر بجانب النتيجة مقرَّب لأعداد صحيحة لسهولة القراءة فقط؛ كود hex وrgb أنفسهما دقيقان دائماً.

لماذا هي مجانية؟

التحويل يتم بالكامل داخل متصفحك دون رفع أي بيانات إلى خادم، لذلك لا حاجة لإنشاء حساب ولا لدفع اشتراك، ولا تظهر أي علامة مائية على النتيجة — فهو تحويل رقمي بسيط لا يستدعي أكثر من ذلك.