تحويل HEX إلى RGB
الصق كود لون HEX واحصل على قيم RGB المقابلة، جاهزة للنسخ بصيغة rgb() أو rgba().
تحويل أكواد ألوان HEX إلى RGB
تعطي ملفات التصميم ودلائل الهوية البصرية الألوان عادةً بأكواد HEX، بينما تطلب شفرة canvas وسمات SVG ومكتبات معالجة الصور وCSS الذي يستخدم الشفافية أرقام RGB في أغلب الأحيان. والصيغتان تصفان الشيء نفسه تمامًا، لذا يجري التحويل بينهما دون أي فقد.
تفتح هذه الصفحة محوّل الألوان مع اختيار إدخال HEX وتحميل مثال جاهز. استبدله بالكود الخاص بك.
كيف يجري التحويل
لون HEX هو ثلاث بايتات مكتوبة بالنظام الست عشري: الأحمر والأخضر والأزرق. يتراوح كل زوج من الخانات بين 00 وFF، أي من 0 إلى 255 بالعشري. ولتحويل زوج، اضرب الخانة الأولى في 16 وأضف الثانية، علمًا أن الحروف من A إلى F تمثّل القيم من 10 إلى 15.
| HEX | الأزواج | RGB |
|---|---|---|
#0A84FF | 0A · 84 · FF | rgb(10, 132, 255) |
#FF5733 | FF · 57 · 33 | rgb(255, 87, 51) |
#FFF | FF · FF · FF | rgb(255, 255, 255) |
#000000 | 00 · 00 · 00 | rgb(0, 0, 0) |
الأكواد المختصرة وقناة الشفافية
- 3 خانات: تتضاعف كل خانة، فيكون
#0AFهو#00AAFF. - 4 خانات: المضاعفة نفسها، والخانة الرابعة هي ألفا.
- 8 خانات: الزوج الأخير هو ألفا من 00 (شفاف تمامًا) إلى FF (معتم)، ويُعرض بصيغة
rgba()بقيمة من 0 إلى 1. - علامة
#في البداية اختيارية، والحروف الصغيرة والكبيرة تعمل كلتاهما.
تحويل HEX إلى RGB برمجيًا
في JavaScript تعيد parseInt('84', 16) القيمة 132، فالتحويل الكامل هو ثلاثة استدعاءات كهذا على الأزواج. وفي Python تؤدي tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) المهمة نفسها لسلسلة من ست خانات دون #. أما CSS الحديث فيقبل الصيغتين مباشرة، لذا لا تحتاج إلى التحويل إلا حين تصرّ أداة أو واجهة برمجية على إحداهما.
تحويلات ذات صلة
للاتجاه المعاكس، يحوّل RGB إلى HEX قيم القنوات إلى كود من جديد. ولبناء درجات أفتح وأغمق من اللون يكون HEX إلى HSL أنسب عادةً، أما فاحص تباين الألوان فيخبرك إن كان اللون مقروءًا على خلفيته.