نظرية الألوان لمطوري الويب: HEX و RGB و HSL

اللون هو أحد أكثر قرارات التصميم تأثيراً التي يتخذها المطور. اللوحة الصحيحة يمكنها تحسين القراءة وتوجيه انتباه المستخدم ونقل هوية العلامة التجارية وضمان إمكانية الوصول لجميع المستخدمين.

فهم نماذج الألوان

ألوان HEX

الشكل الأكثر شيوعاً: # متبوعة بست خانات سداسية عشرية. كل زوج يمثل شدة الأحمر والأخضر والأزرق.

RGB / RGBA

يستخدم RGB قيم عشرية (0-255) للأحمر والأخضر والأزرق. قناة ألفا تضيف الشفافية.

HSL / HSLA

HSL يعني الصبغة والتشبع والإضاءة. الصبغة هي درجة على عجلة الألوان (0-360)، والتشبع هو الكثافة، والإضاءة تتحكم في السطوع. HSL هو الشكل الأكثر سهولة للمطورين.

إمكانية الوصول وتباين الألوان

تتطلب إرشادات WCAG نسبة تباين لا تقل عن 4.5:1 للنص العادي. استخدم أداة فحص التباين للتحقق من تركيبات ألوانك.

استكشف الألوان مع أداة اختيار الألوان — اختر وحوّل وانسخ الألوان بأي تنسيق.