محول RGB إلى Hex

قد تحصل من أداة التصميم على قيمة لون بصيغة rgb(46, 134, 171)، بينما يعتمد ملف CSS الخاص بك بالكامل على رموز Hex. يؤدي خلط الصيغتين داخل ورقة الأنماط نفسها إلى فوضى بصرية تجعل صيانة الكود أكثر صعوبة واستهلاكاً للوقت.

طريقة حساب كود Hex من قيم RGB

تتراوح كل قيمة في نظام RGB بين 0 و 255، وتتحول كل منها إلى خانتين بنظام العد الست عشري base-16. عند دمج الأزواج الثلاثة مع علامة # في البداية يتشكل رمز Hex النهائي. في القيمة rgb(46, 134, 171)، يتحول الرقم 46 إلى 2E، والرقم 134 إلى 86، والرقم 171 إلى AB، لنحصل على الرمز #2E86AB.

رغم بساطة القاعدة الحسابية، إلا أن التحويل اليدوي يتسبب بأخطاء شائعة خاصة مع الأرقام الصغيرة؛ فالقيمة 15 تقابلها 0F، وإسقاط الصفر الأيسر خطأً يفسد تركيبة الرمز الست عشري بالكامل.

أمثلة شائعة لتحويل RGB إلى Hex

التعامل مع الشفافية في كود Hex المكون من 8 خانات

تتطلب الشفافية أحياناً إضافة قناة ألفا لتصبح الصيغة rgba(46, 134, 171, 0.5) عند درجة عتامة 50%. تقابل هذه الصيغة في الرموز السداسية العشرية صيغة ممتدة من 8 خانات مثل #2E86AB80.

يعتمد الزوجان الأخيران في هذا الرمز على مقياس من 0 إلى 255 (أي من 00 إلى FF) لتمثيل درجة ألفا بدلاً من النسبة المئوية المباشرة. تأكد دائماً من دعم أداة التصميم أو المتصفح المستهدف لهذا التنسيق قبل اعتماده مكان rgba().

معايير التباين اللوني وفق إرشادات محول RGB إلى Hex

• تفرض معايير إتاحة محتوى الويب نسبة تباين لا تقل عن 4.5:1 للنصوص العادية مقارنة بلون الخلفية.
• تتطلب النصوص الكبيرة (بحجم 18pt فما فوق، أو 14pt مع خط عريض) نسبة تباين مخففة تبلغ 3:1 على الأقل.
• استخدام رمادي فاتح مثل #AAAAAA فوق خلفية بيضاء يفشل في اختبارات التباين ويجعل القراءة مجهدة لضعاف البصر.
• يوفر تحويل درجات النصوص والخلفيات إلى قيم Hex الأساس السريع لفحص التباين والتحقق من التوافق قبل اعتماد التصميم.

أسئلة شائعة حول تحويل RGB إلى Hex