كيفية تحويل RGB إلى hex
- أدخل قيم الأحمر والأخضر والأزرق (0–255) باستخدام أشرطة التمرير أو الحقول الرقمية، أو الصق قيمة
rgb()من CSS. - يظهر كود hex فورًا، إلى جانب HSL وHSV وCMYK. اضبط قيمة ألفا على أقل من 1 لتحصل على كود hex من 8 أرقام مع الشفافية.
- انسخ كود hex، أو تتبّع المعادلة لترى كيف تم تحويل كل قيمة.
معادلة تحويل RGB إلى hex
كل قناة RGB من 0 إلى 255 تتحول إلى رقمين hex بالضبط. اقسم القيمة على 16: خارج القسمة الصحيح هو الرقم الأول، والباقي هو الرقم الثاني، مع كتابة القيم 10–15 على شكل A–F. مثال على rgb(124, 58, 237):
- الأحمر: 124 ÷ 16 = 7 والباقي 12 ←
7C - الأخضر: 58 ÷ 16 = 3 والباقي 10 ←
3A - الأزرق: 237 ÷ 16 = 14 والباقي 13 ←
ED
وبضمّها بعد # نحصل على #7C3AED. اكتب دائمًا رقمين لكل قناة: 9 تصبح 09 وليس 9.
تحويل RGB إلى hex برمجيًا
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel وGoogle Sheets:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2) - CSS: لا حاجة إلى التحويل – يمكن استخدام
rgb()وأكواد hex بالتبادل.
إضافة الشفافية (ألفا)
للحصول على كود من 8 أرقام، اضرب درجة العتامة (0–1) في 255، ثم قرّب الناتج وأضفه في النهاية كرقمين hex إضافيين: 0.5 × 255 = 127.5 ← 128 ← 80، إذن rgba(124, 58, 237, 0.5) = #7C3AED80.
| العتامة | Hex | العتامة | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
الأسئلة الشائعة
ما معادلة تحويل RGB إلى hex؟
في كل قناة، يكون رقم hex الأول هو ناتج قسمة القيمة على 16 (العدد الصحيح فقط)، والرقم الثاني هو الباقي، مع كتابة 10–15 على شكل A–F. ثم اجمع الأزواج الثلاثة بعد #: rgb(255, 165, 0) ← FF، A5، 00 ← #FFA500.
لماذا يجب أن تتكوّن كل قناة من رقمين hex؟
يُقرأ كود اللون hex على شكل أزواج ثابتة. لذا يجب كتابة rgb(0, 128, 9) على شكل #008009؛ فحذف الأصفار البادئة يُزيح الأزواج ويعطي لونًا مختلفًا أو غير صالح.
هل يمكن أن يحمل كود اللون hex قيمة الشفافية؟
نعم. تقبل المتصفحات الحديثة الأكواد المكوّنة من 8 أرقام #RRGGBBAA، حيث يمثّل الزوج الأخير قيمة ألفا من 00 (شفاف تمامًا) إلى FF (معتم). فمثلًا rgba(124, 58, 237, 0.5) تصبح #7C3AED80.
هل تحويل RGB إلى hex دقيق؟
نعم بالنسبة إلى قيم RGB الصحيحة: لكل عدد من 0 إلى 255 صيغة hex واحدة فقط من رقمين، لذا يعيد التحويل العكسي القيم نفسها. وحدها قيمة ألفا تُقرَّب إلى أقرب درجة من 256 درجة.