عجلة الألوان

اختار لون الخلفية ومجال مشروعك… والأداة تطلّعلك اللون اللي هيشد العين، وتقولك ليه، وتختبرهولك.

01 لون الخلفية

دوس على المربع أو اكتب كود اللون
أو جرّب:

02 مشروعك عن إيه؟

03 اللون اللي هيشد العين

قوة الجذب

اختيارات تانية

ليه بنختار كده؟ (الأساس العلمي)
  1. العين بتشوف المختلف قبل ما تدوّر: لون واحد مختلف عن اللي حواليه بيتلقط في لحظة، مهما كان فيه عناصر تانية. عشان كده بنقترح لون واحد بس يشد العين. (Treisman & Gelade)
  2. المختلف هو اللي بيتفتكر: الحاجة الوحيدة المختلفة وسط حاجات شبه بعض بتتفتكر أكتر. فحط اللون ده على الكلمة أو الحاجة اللي عايزها تتفتكر. (von Restorff)
  3. العجلة اللي بنختار منها هي عجلة الرسامين: اللون قصاد اللون، والقريب من قصاده، واللي على بُعد تلت الدايرة. دي طرق التوافق اللي بيشتغل بيها المصممين من أيام الباوهاوس. (Itten)
  4. بنحسب الألوان زي ما العين بتشوفها: الأداة بتظبط فتاحة اللون وقوّته بنظام OKLCH، اللي متصمم إن الأرقام تمشي مع إحساس العين. فالاقتراحات متوازنة ومش فاقعة بالغلط. (Ottosson)
  5. لازم يبان على الخلفية: بنتأكد إن الفرق بين اللون والخلفية ٣:١ على الأقل. ده الحد الأدنى في معايير الويب للعناصر اللي لازم تتشاف. (WCAG 2.2)
  6. شوية صغيرين كفاية: اللون الصريح بيبان أقوى من مساحته. عشان كده ٦٠ / ٣٠ / ١٠. ودي طريقة مصممين ونقطة بداية، مش قانون بالمللي. (Goethe · Itten)
  7. ضعف تمييز الأحمر والأخضر مش نادر: بيوصل لحوالي ١ من كل ١٢ راجل في بعض الشعوب، وأقل في شعوب تانية. عشان كده بنختبر اللون زي ما هما بيشوفوه، ونقولك لو هيضيع. (MedlinePlus · Machado et al.)
  8. معنى اللون مش قاعدة ثابتة: ارتباطات المجالات (الأكل سخن، الطبي هادي…) شائعة، بس الأبحاث بتقول إن تأثير اللون بيتغيّر حسب السياق والثقافة. فاعتبرها بداية مش حكم. (Elliot)
Treisman & Gelade (1980) Feature-integration theory of attention · von Restorff (1933) Isolation effect · Itten (1961) The Art of Color · Ottosson (2020) OKLab · W3C WCAG 2.2 — 1.4.11 Non-text Contrast · Machado, Oliveira & Fernandes (2009) CVD simulation · MedlinePlus Color vision deficiency · Elliot (2015) Color & psychological functioning