رمز HEX طريقة مختصرة لكتابة ألوان RGB. يبدأ بعلامة # وفيه ست خانات مكتوبة في النظام السداسي عشري (0 إلى 9 وA إلى F). فمثلًا #FF0000 أحمر و#000000 أسود.

بنية الرمز#

تنقسم الخانات الست إلى ثلاثة أزواج:

  • الزوج الأول: قيمة الأحمر
  • الزوج الثاني: قيمة الأخضر
  • الزوج الثالث: قيمة الأزرق

ففي #FF8800 الأحمر في أقصى قيمة والأخضر متوسط والأزرق صفر؛ أي برتقالي. ويعادل كل زوج رقمًا بين 0 و255.

مثال#

في CSS تكتب:

Code
button { background: #1E88E5; color: #FFFFFF; }

فيعرض المتصفح اللون الأزرق للزر والأبيض للنص.

الاختصار#

إذا كان كل زوج من رقمين متماثلين يمكن الكتابة بشكل مختصر: #FFFFFF هو #FFF و#FF5500 هو #F50.

أين تصادفه#

  • ملفات CSS
  • أدوات التصميم مثل Figma
  • إعدادات الألوان في قوالب ووردبريس
  • دليل الهوية البصرية للعلامة

ملاحظات#

  • لا فرق بين الأحرف الكبيرة والصغيرة
  • لتسجيله في دليل العلامة، اذكر رمز HEX دائمًا إلى جانب رمز CMYK
  • للشفافية تلزم رموز من ثماني خانات أو صيغ أخرى
  • اللون الجيد على الشاشة يجب فحصه من حيث التباين أيضًا