المطوّرون 🔒 يعمل داخل متصفحك — لا تُرسل أي بيانات

تحويل RGB إلى HEX

أدخل قيم الأحمر والأخضر والأزرق أو سلسلة rgb() من CSS، واحصل على كود لون HEX المطابق.

لون الإدخال

منتقي الألوان:

أدخل لونًا لتحويله...

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

اكتب أو الصق قيمة RGB مثل rgb(10, 132, 255) أو rgb(10 132 255) أو rgba(10, 132, 255, 0.5).
يظهر كود HEX أثناء الكتابة، ومعه HSL وHSV وCMYK وOKLCH.
اضغط «نسخ» بجوار سطر HEX.
افتح تبويب «لوحة الألوان» لبناء درجات أفتح وأغمق من اللون نفسه.

الأسئلة الشائعة

كيف أحوّل RGB إلى HEX يدويًا؟

حوّل كل قناة من المدى 0–255 إلى خانتين ست عشريتين، ثم اجمعها متتالية. القيمة 10 هي 0A، و132 هي 84، و255 هي FF، لذا فإن rgb(10, 132, 255) هي #0A84FF.

ماذا يحدث لقيمة الشفافية في rgba()؟

تُحوَّل قيمة ألفا من المدى 0 إلى 1 إلى المدى 0–255، وتُضاف زوجًا رابعًا. فتصبح ألفا 0.5 القيمة 80، والنتيجة #0A84FF80.

هل أحتاج إلى الفواصل داخل rgb()؟

لا. تُفهم الصيغة التقليدية rgb(10, 132, 255) والصيغة الحديثة المفصولة بمسافات rgb(10 132 255 / 50%) كلتاهما.

لماذا تُرفض القيمة الأكبر من 255؟

كل قناة بايت واحد، لذا فالمدى الصالح من 0 إلى 255. وأي قيمة خارجه لا تمثّل لون RGB صالحًا.

تحويل ألوان RGB إلى أكواد HEX

آخر تحديث: 24 سبتمبر 2026 · بقلم سامان

تعرض منتقيات الألوان ومحرّرات الصور والشفرات الرسومية الألوان غالبًا في صورة ثلاثة أرقام، بينما تفضّل CSS ورموز التصميم (design tokens) ودلائل الهوية البصرية كود HEX المختصر. والتحويل من RGB إلى HEX دقيق تمامًا: البايتات الثلاث نفسها تُكتب ببساطة بالنظام الست عشري.

تفتح هذه الصفحة محوّل الألوان مع اختيار إدخال RGB وتعبئة مثال جاهز.

لون HEX ثلاثة أزواج من الأرقام الست عشرية للأحمر والأخضر والأزرق. اللون ‎#0A84FF هو rgb(10, 132, 255)، واللون نفسه بصيغة HSL هو hsl(210, 100%, 52%).

التحويل خطوة بخطوة

خذ قيمة كل قناة من 0 إلى 255.
اقسمها على 16: الناتج الصحيح هو الخانة الست عشرية الأولى، والباقي هو الثانية (القيم من 10 إلى 15 تُكتب من A إلى F).
أكمل الخانة المفردة بصفر في البداية، فتصبح 10 هي 0A لا A.
اجمع الأزواج الثلاثة بعد علامة #.

RGB	لكل قناة	HEX
`rgb(10, 132, 255)`	0A · 84 · FF	`#0A84FF`
`rgb(255, 87, 51)`	FF · 57 · 33	`#FF5733`
`rgb(128, 128, 128)`	80 · 80 · 80	`#808080`

نسيان الصفر البادئ هو الخطأ الكلاسيكي في المحوّلات المكتوبة يدويًا: فجمع 10 و132 و255 دون إكمال يعطي #A84FF، وهو ليس لونًا صالحًا.

rgba() وHEX بثماني خانات

تقبل CSS أكواد HEX المكوّنة من ثماني خانات منذ سنوات. والزوج الرابع هو ألفا: اضرب قيمة ألفا (من 0 إلى 1) في 255 وقرّب الناتج، فتصبح 0.5 القيمة 128، أي 80 بالست عشري. ويعرض المحوّل الكود ذا الخانات الثماني وصيغة rgba() معًا، فتستخدم ما تدعمه أداتك.

تحويل RGB إلى HEX برمجيًا

في JavaScript: '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''). وفي Python: '#{:02X}{:02X}{:02X}'.format(r, g, b). وكلاهما يتكفّل بإكمال الصفر نيابةً عنك.

أدوات ذات صلة

استخدم HEX إلى RGB للاتجاه المعاكس، وHEX إلى HSL حين تريد ضبط الإضاءة بطريقة منهجية، وفاحص تباين الألوان قبل استخدام أي لون للنص.