أداة تحويل HEX إلى RGB
حوّل أي كود #hex إلى قيم RGB في لحظة، مع عيّنة لون حية.
هل تحتاج إلى التحويل العكسي؟ تحويل RGB إلى HEX
أداة تحويل hex الى rgb هذه تأخذ كود لون HEX، مثل #1a73e8 أو الصيغة المختصرة #f60، وتعطيك قيم RGB المكافئة لحظة كتابتك للكود. تعرض عيّنة حية اللون الفعلي، لتتأكد أنك التقطت الكود الصحيح قبل أن يذهب إلى ملف الأنماط لديك.
السبب الكلاسيكي للتحويل بهذا الاتجاه هو CSS. لديك كود HEX من دليل هوية العلامة أو من ملف أنماط قائم، لكنك تحتاج صيغة rgb() أو rgba()، غالبًا لأنك تريد الشفافية: تحتاج rgba(26, 115, 232, 0.5) الأرقام الثلاثة لـ RGB المختبئة داخل #1a73e8. كما تطلب واجهات Canvas وبعض مكتبات JavaScript وعملاء البريد القديمة الألوان كقنوات منفصلة للأحمر والأخضر والأزرق.
يجري التحويل محليًا داخل متصفحك ويتحدّث أثناء الكتابة. لا يُرسَل شيء إلى أي خادم، ولا شيء لتثبيته، وتعمل أكواد HEX ذات 3 و6 خانات، مع علامة # البادئة أو دونها.
كيفية تحويل HEX إلى RGB
- اكتب أو الصق كود HEX في حقل الإدخال، مثل #ff6600 أو f60 فقط.
- تظهر قيم RGB فورًا، إلى جوارها عيّنة معاينة للون.
- تحقق من أن العيّنة تطابق اللون الذي توقعته.
- انسخ نص rgb() بزر النسخ، جاهزًا للصقه في CSS.
- تحتاج العكس؟ استخدم أداة تحويل RGB إلى HEX المرتبطة في هذه الصفحة.
ماذا تفعل أداة تحويل HEX إلى RGB هذه
تقرأ الأداة كود لون HEX وتُرجِع اللون نفسه مكتوبًا كثلاث قنوات عشرية: أحمر وأخضر وأزرق، كلٌّ من 0 إلى 255. تحصل على الأرقام الخام إضافةً إلى نص rgb() جاهز للصق وعيّنة حية، فلا حساب يدوي ولا قفز إلى حاسبة لمعرفة ما يعنيه ff أو 66 في الأساس العشري.
إنها ضيّقة النطاق عمدًا. تؤدي مهمة واحدة، تحويل HEX إلى RGB، وتؤديها لحظة الكتابة، بالكامل داخل متصفحك. وهذا التركيز أيضًا سبب تعاملها مع الصيغ المربكة التي تصادفها في الملفات الحقيقية: الاختصار بثلاث خانات، وعلامة # بادئة اختيارية، والأحرف الكبيرة أو الصغيرة، والأكواد ذات 8 خانات التي تحمل قناة ألفا.
كيف تعمل العملية الحسابية
كود HEX هو ثلاثة أزواج من الأرقام الست عشرية: أحمر، أخضر، أزرق. يتحوّل كل زوج إلى رقم عشري من 0 إلى 255. فينقسم #ff6600 إلى ff و66 و00، أي 255 و102 و0، ما يعطي rgb(255, 102, 0). أما الأكواد القصيرة فتُضاعف كل خانة أولًا: يتوسّع #f60 إلى #ff6600.
يصف HEX وRGB اللون نفسه تمامًا في فضاء sRGB ذاته، لذا فالتحويل بلا فقدان في الاتجاهين. فصيغة #RRGGBB ما هي إلا تدوين بالأساس 16 لقيم القنوات نفسها بعينها، ولهذا يكون تحويل HEX إلى RGB حسابًا دقيقًا بلا تقريب وبلا انزياح لوني؛ واختيار أي تدوين تستخدم يتعلق فقط بما تتوقعه الصيغة المحيطة به.
متى تحتاج RGB فعلًا
الدافع اليومي هو الشفافية. يعطيك كود HEX من دليل هوية لونًا مُعتِمًا، لكن لحظة أن تريده بنسبة 50% تحتاج القنوات: rgba(26, 115, 232, 0.5)، أو الصيغة الحديثة rgb(26 115 232 / 50%)، وكلتاهما تريدان الأرقام الثلاثة المختبئة داخل #1a73e8. والتحويل أولًا أسرع وأقل عرضةً للخطأ من التقدير بالعين.
وخارج CSS، تتوقّع واجهة HTML canvas، وكثير من مكتبات الرسوم البيانية والحركة، وسمات SVG، وبعض عملاء البريد القديمة، الألوان كقيم منفصلة للأحمر والأخضر والأزرق. وإن كنت تسلّم لونًا إلى JavaScript ثم تعدّل قناة واحدة، فإن RGB هي الصيغة التي يمكنك إجراء الحساب عليها فعلًا.
قناة ألفا وأكواد HEX ذات 8 خانات
يضيف كود HEX ذو 8 خانات زوجًا رابعًا للعتامة: #1a73e880. تتحوّل الخانات الست الأولى إلى RGB تمامًا كالمعتاد، ويقابل الزوج الأخير النطاق من 00 إلى ff بقيمة ألفا من 0 إلى 1. فـ 80 بالست عشري هو 128 بالعشري، أي نحو 0.5 عتامة، ما يعطي rgba(26, 115, 232, 0.5).
يهمّ هذا لأن المصممين يلصقون بازدياد أكوادًا ذات 8 خانات مُصدَّرة من Figma أو Sketch. عامل اللون والشفافية كحقيقتين منفصلتين: ثلاثي RGB لا يتغيّر أبدًا حين تضبط العتامة، بل يتغيّر زوج ألفا اللاحق فقط.
RGB وإتاحة الوصول اللونية
تحدّد إرشادات إتاحة الوصول على الويب نسب تباين بين النص وخلفيته، والصيغ الكامنة وراءها تعمل على قيم قنوات RGB لا على سلسلة HEX. وتحويل كود HEX إلى RGB هو الخطوة الأولى للتحقق مما إذا كان نصٌّ بلون #767676، مثلًا، يتجاوز عتبة 4.5:1 على خلفية بيضاء لمتن النص العادي.
ولأن التحويل دقيق، فأرقام RGB التي تحصل عليها هنا آمنة لإسقاطها مباشرةً في فاحص تباين أو في كود يحسب اللمعان النسبي. وإن كان لون على الحدّ، فتعديل قناة واحدة في RGB والتحويل عكسيًا طريقة سهلة لإيجاد بديل قريب متوافق دون التخلي عن درجة لون العلامة.
أخطاء شائعة يجب تجنّبها
الزلة المعتادة هي كود مشوّه: سلسلة من 4 أو 5 محارف، أو مسافة شاردة، أو علامة # متروكة حين أرادت أداةٌ الخانات المجرّدة. HEX الصحيح هو 3 أو 6 أو 8 محارف ست عشرية؛ وأي شيء آخر إما اختصار للتوسيع أو غير صالح ببساطة. وهذه الأداة متسامحة مع حالة الأحرف وعلامة # البادئة، لكن اللون الكامن لا بد أن يكون سليم التكوين.
الفخ الآخر هو افتراض أن HEX أدنى جودةً من RGB بطريقةٍ ما، أو العكس. فهما لونا sRGB متطابقان مكتوبان بطريقتين. وإن بدا لونٌ محوَّل غريبًا، فالمشكلة دائمًا تقريبًا أن الكود المصدري كان خاطئًا، لا أن التحويل أدخل خطأً.
أدوات ألوان ذات صلة
الاتجاه المعاكس شائع بالقدر نفسه، لذا اقرن هذا بأداة تحويل RGB إلى HEX حين يعطيك تطبيق تصميم أو قطارة أرقام قنوات مجرّدة تحتاجها كرمز HEX مضغوط. كلتاهما دقيقة وكلتاهما تعملان محليًا.
وإن كنت لا تزال تختار لونًا بدلًا من تحويل لون ثابت، فمنتقي الألوان يتيح لك السحب إلى درجة وقراءة قيمها بصيغ HEX وRGB وHSL دفعةً واحدة، ومولّد تدرّجات CSS يبني خلفيات خطية وشعاعية جاهزة للنسخ من الألوان التي تستقر عليها.
الأسئلة الشائعة
هل أداة تحويل hex الى rgb مجانية؟
نعم، مجانية وبلا حدود. لا تسجيل، والتحويل يحدث داخل متصفحك دون إرسال أي بيانات إلى أي مكان.
لماذا قد أحتاج RGB بدل HEX في CSS؟
غالبًا من أجل الشفافية. تحتاج rgba() والصيغة الحديثة rgb(r g b / alpha) أرقام القنوات المنفردة. لدى HEX صيغة بقناة ألفا (#RRGGBBAA)، لكن rgba() لا تزال أوسع استخدامًا وأسهل قراءة.
هل تعمل الأكواد ذات 3 خانات مثل #f60؟
نعم. تُوسَّع الأكواد المختصرة بمضاعفة كل خانة، فيُعامَل #f60 كأنه #ff6600، تمامًا كما تفعل المتصفحات.
هل يغيّر تحويل HEX إلى RGB اللون؟
لا. HEX وRGB صيغتان لنفس قيم sRGB، لذا فالتحويل دقيق، بلا تقريب وبلا أي انزياح في اللون.
ماذا عن أكواد HEX ذات 8 خانات مع ألفا؟
الكود ذو 8 خانات مثل #1a73e880 يحمل زوجًا رابعًا للشفافية. تتحوّل الخانات الست الأولى إلى RGB كالمعتاد؛ ويقابل الزوج الأخير القيم من 00 إلى ff لقيمة ألفا بين 0 و1، ما يعطيك قيمة rgba().
هل تعمل على الجوال؟
نعم. الأداة صفحة خفيفة تعمل في أي متصفح جوال، ومفيدة حين تقرأ أكواد HEX من دليل هوية وأنت متنقّل.