‫تمهيد‬

‫تســـبب األلـــوان عائـــق الي مصمـــم مبتدئ او غيـــر مبتـــدئ ( او أي نوع‬

‫فـــن اخـــر ) في بعض األوقـــات وال يمكن التخلي عنهـــا في أي تصميم‬
‫الكريم‬
‫القرأن ُ ْ َ ً‬ ‫األلوان فـــي‬ ‫وبدونهـــا ال يكـــون للتصميم أي تأثيـــر وذكرت‬
‫َْ‬ ‫َ َ َََ َ ُ ْ‬
‫ض مخت ِلفا‬ ‫وتعالى " َومـــا ذرأ لكـــم ِفـــي األر ِ‬ ‫عـــدة مـــرات يقـــول ســـبحانه‬
‫َ َ َ ً ِّ َ ْ َ َّ َّ ُ‬ ‫َ ْ َ ُ ُ َّ‬
‫ألوانـــه ِإن ِفـــي ذ ِلـــك آلية لقو ٍم يذكرون " ( ســـورة النحـــل آية ‪ ) 13‬حيث‬
‫نحـــن بطبيعتنـــا نتأثـــر بأللوان فكل لون له ســـيكولوجية خاصة فإحساســـنا‬
‫او رد فعلنـــا للـــون األزرق غيـــر اللـــون األحمـــر غيـــر اللون األصفـــر ‪...‬الخ !‬
‫ولذلـــك وجـــب معرفـــة بعـــض المعلومات التـــي تمكنا مـــن اختيـــار الواننا‬
‫بعنايـــة شـــديدة وطبقـــا لقواعـــد مدروســـة والتـــي تجعـــل منـــك مصمم‬
‫محتـــرف فـــي تكويناتـــه ونبتعد عـــن مجموعات األلـــوان الجاهـــزة او حتي‬
‫اختيارهـــا عـــن دراية ولذلـــك اقدم لكم في هذا الكتيـــب الصغير بعض من‬
‫معرفتـــي فـــي عالم األلوان قـــد اجتهدت لتلخيصه إلـــى أصغر قدر واكثر‬
‫شـــفافية ووضـــوح للقـــارئ مـــع الصـــور التوضيحية لـــكل نقطـــة و أتمني‬
‫أن تكـــون فـــي نهايـــة هـــذا الكتيـــب قد تمكنـــت مـــن اختيار ألوانـــك بدقة‬
‫ُ‬
‫وإحســـاس شـــديد يصل فكـــرة من اللحظـــة األولي ‪.‬‬
‫مقدمة عني‬
‫الســـام عليكم‪ ...‬انـــا محمد نصر عمـــري ‪ 18‬عام ‪g‬‬
‫اقيـــم بمصـــر طالب بكليـــة الحاســـبات و المعلومات‬
‫احـــب عالـــم الجرافيـــك واعمـــل منذ ثالث ســـنوات‬
‫كمصمـــم إعالنـــات و تصميـــم الشـــعارات احب أيضا‬
‫البرمجـــة و التدويـــن وافتخـــر بتجربتـــي فيهما عندما‬
‫أنشـــأت مدونـــة ' كل جديـــد ' عـــن أخبـــار التقنيـــة‬
‫واخترعاتهـــا ( ‪ ) 2016 : 2012‬ثـــم اتجاهـــي لعالـــم‬
‫الجرافيـــك مـــع بعـــض مـــن البرمجـــة واتمنـــي أن‬
‫تعجبكـــم هـــذه التجربـــة الجديدة وتنـــال إعجابكم ‪.‬‬
‫يمكنـــك التواصـــل معـــي عـــن طريق ‪:‬‬
 ‫الفهرس‬
‫سيكولوجية األلوان واأللوان الباردة والدافئة‪4 ...............................‬‬
‫‪ 1‬دالالت ومعاني األلوان‪5....................................................................‬‬
‫معاني األلوان ‪ :‬األحمر ‪5................................................................................‬‬
‫اللون الصفر و البرتقالي ‪ ،‬األزرق ‪ ،‬األخضر ‪ ،‬البنفسجي‪6..........................................‬‬
‫‪ 2‬األلوان الباردة والدافئة ‪7.....................................................................‬‬
‫األلوان الدافئة ‪8...........................................................................................‬‬
‫األلوان الباردة‪9.............................................................................................‬‬
‫العجلة اللونية‪10..........................................................................................‬‬
‫‪ 1‬نظرية األلوان ‪11................................................................................‬‬
‫ما هي األلوان األساسية ؟ ‪11............................................................................‬‬
‫ما هي األلوان الثانوية ؟ ‪11...............................................................................‬‬
‫ما هي األلوان الثالثية ؟ ‪12...............................................................................‬‬
‫ما هي العجلة اللونية ؟ ‪13...............................................................................‬‬
‫تقسيم األلوان علي العجلة اللونية ‪14................................................................‬‬
‫أين يوجد األسود و األبيض ؟ ‪15........................................................................‬‬
‫خصائص اللون‪16...........................................................................................‬‬
‫‪16 .................................................................................................................... Hue‬‬
‫‪16...........................................................................................................Saturation‬‬
‫‪17.......................................................................................................... Brightness‬‬
‫‪ 2‬قواعد تناسق األلوان‪18.............................................................................‬‬
‫المجموعة األولي ( ‪18 ............................................................................) All‬‬
‫ما هو ‪ base color‬؟ ‪19..................................................................................‬‬
‫المجموعة الثانية ( ‪20........................................................................... ) triad‬‬
‫المجموعة الثالثة ( ‪21 ......................................................................... ) tetrad‬‬
‫ملخص القواعد‪22.........................................................................................‬‬
‫كيف نطبق هذه القوعد في التصميم او الحياة عاما ؟ ‪23.......................................‬‬
‫مصادر و ومصطلحات ‪25..........................................................................‬‬
‫ســـنتعرف فـــي هـــذا الفصـــل عـــن دالالت األلـــوان و تأثيرهـــا‬
‫علـــي النفس وطريقة اشـــتقاق معنـــي اللون مـــن الطبيعة‬
‫واهـــم اســـتخدامات بعض األلوان فـــي الحيـــاة والتي تختلف‬
‫بالطبـــع مـــن شـــخص ألخـــر وأيضا نقســـم األلـــوان الموجودة‬
‫فـــي الطبيعـــة لقســـمين وطريقة اســـتخدامهما ‪.‬‬
‫‪5‬‬
‫دالالت ومعاني األلوان‬
‫لــكل شــخص لــون مفضــل يحــب اســتعماله فــي مالبســة او أغراضــه وهــو‬
‫مــا يعكــس لــه قــدر كبيــر مــن الطاقــة باإليجــاب او الســلب لذلــك فــإن اختيــار‬
‫اللــون يجــب االهتمــام بــه كثيـرا لمــا لهــو مــن تأثيــر ويجــب فهــم معنــي كل‬
‫لــون و تأثيــره فالمعنــي الصحيــح لفهــم داللــة أي لــون يحــدده الشــخص‬
‫المســتخدم أي اختيــار اللــون بنــاءا علــي ارتباطــه بهــذا اللــون يمكــن أيضــا‬
‫أن يرتبــط بفاكــة تحبهــا فبذلــك تســتنتج أن تفضيــل األلــوان يختلــف مــن‬
‫شــخص إلــي اخــر ولكــن كل لــون لــه خصائــص معينــة لــم نعرفهــا فرضــا‬
‫وإنمــا اكتشــفناها مــن الطبيعــة مثــل لــون البحــر و الســماء ولــون الخضــرة‬
‫و الم ـزارع ولــون الشــمس والــدم فاللــون األحمــر مثــا يرفــع ضغــط الــدم‬
‫او لــون الخــوف والفــزع و بعــض األوقــات يــدل علــي الرقــة والجمــال او‬
‫الدفــئ فيمكــن تعليــل ذلــك انــه لــون يرفــع مــن ضغــط الــدم جــاء لــون‬
‫الــدم مــن ســيالن الــدم او لــون دافــئ ألنــة لــون ســاخن مــن درجــات‬
‫الشــمس او لــون يــدل علــي الجمــال مــن لــون فاكهــة مثــل ( الفراولــة )‬
‫او مــن لــون الــورد األحمــر لهــذا زادت الدراســة لخــواص األلــوان ومعانيهــا و‬
‫عالقتهــا بعلــم النفــس وتأثيرهــا علــي اإلنســان كمــا يتبــع معرفــة بعضهــا‬
‫اللون األحمر ( لـــون ســـاخن ) يـــدل علـــي القـــوة ‪ ،‬العاطفـــة ‪ ،‬الجمال ‪،‬‬
‫الخطـــر أيضا‬
‫القوة و الطاقة‬ ‫العاطفة والخطر‬ ‫الجمال‬

‫`‬

‫لذا يشعرنا بالنشاط والحيوية‬ ‫ينتشر اللون األحمر في‬ ‫فهو لون الجمال والرقة و‬
‫الطبيعة وخاصة الحدائق ولذلك والعمل ويحفز األشخاص و يزيد‬ ‫الظهور و فاتح للشهية لذا‬
‫يدل في بعض األحيان علي التفاعل و أيضا يرفع من ضغط‬ ‫يفضل دهان غرف الطعام‬
‫الدم لذلك يفضل عدم رؤيته‬ ‫العاطفة و أحيانا اخري يدل‬ ‫باللون األحمر لزيادة الرغبة في‬
‫بكثرة للمصابين بضغط الدم ‪.‬‬ ‫علي الخطر بسبب انه لون‬ ‫الطعام ‪.‬‬
‫الدم أيضا ‪.‬‬

‫دالالت األلوان واأللوان الباردة والدافئة‬

‫‪6‬‬

‫البهجة و السعادة ‪ ،‬المرح ‪ ،‬التفاؤل ‪ ،‬التنبيه‬ ‫اللون األصفر‬

‫اللون البرتقالي هو ناتج خلط اللون األحمر و اللون األصفر لهذا فهو‬
‫يحمل داللة ومعني اللونين‬
‫(لـــون بـــارد) الهدوء‪ ،‬الجمـــال‪ ،‬الحرية‪ ،‬التأمـــل‪ ،‬االنتعاش‪،‬‬ ‫اللون األزرق‬
‫البرودة‬

‫الهدوء و الجمال ‪ ،‬الحرية‬ ‫االنتعاش و البرودة‬

‫نجــد فــي المناطــق شــديدة الح ـرارة أن لــون الجــدران دائمــا نــري فــي المستشــفيات لــون الجــدران األزرق‬
‫ازرق او نيلــي ومــا شــابة وذالــك للشــعور المعــزي او النيلــي كمــا يفضــل تلويــن غــرف األطفــال و غــرف‬
‫بلــون المــاء المثلــج ( او الثلــج المعكــوس عليــة اللــون الدراســة بهــذا اللــون ويعطــي شــعور بـــالحرية لطــول‬
‫البحــر‬ ‫األزرق )‬

‫اللــون األخضــر لــون الهــدوء و الجمــال و التأمــل ‪ ،‬البســاطة ‪ ،‬النهضــة‬

‫وورد ذكــر هــذا اللــون فــي مواضــع عديــدة فــي القــرآن‬
‫َ َ ُ ْ‬
‫الشـ ٌـريفة ُّقــال َ تعالــى ( ع ِالي َّهــم‬ ‫الكريــم‪ْ ،‬والســنة النبويــة‬
‫ْ‬ ‫َ َ‬ ‫ُ ْ ٌ َ ْ ََْ َ ُ‬ ‫َ ُ ُ ُ‬
‫ـأور ِمــن َّ ِفضـ ٍـة‬
‫ِ‬ ‫ـ‬ ‫س‬ ‫أ‬ ‫ـوا‬ ‫ـ‬ ‫ل‬‫ح‬ ‫و‬ ‫ق‬ ‫ر‬‫ب‬ ‫ـت‬‫ـ‬ ‫س‬ ‫إ‬ ‫و‬ ‫ـر‬‫ـ‬ ‫ض‬ ‫خ‬ ‫س‬ ‫د‬ ‫ِثيــاب ســن‬
‫َ‬ ‫ُ‬ ‫َ َ َ ُ ْ َ ُّ ُ ٍ ْ َ َ ً ِ َ ُ‬
‫اهم ربهُـ ْـم شــرأبا َطهــورا ً) قــال تعالــى ( مت ِك ِئيــن‬ ‫و َســق‬
‫ٍّ َ‬ ‫َ َْ‬ ‫َْ َ‬ ‫َ‬
‫ـان )‬
‫ٍ‬ ‫ـ‬ ‫س‬ ‫ح‬
‫ِ‬ ‫ي‬ ‫ـر‬
‫ِ‬ ‫ـ‬ ‫ق‬ ‫ب‬ ‫ع‬‫و‬ ‫ـر‬
‫ٍ‬ ‫ـ‬ ‫ض‬ ‫خ‬ ‫ف‬
‫ٍ‬ ‫ـر‬‫ـ‬ ‫ف‬‫ر‬ ‫ـى‬ ‫ـ‬ ‫ل‬ ‫ع‬
‫لــون ينتــج مــن خلــط اللونيــن األحمــر و األزرق ويحمــل‬ ‫اللون‬
‫معانيهــا وهــو لــون قليــل الظهــور كباقــي األلــوان لــذا‬ ‫البنفسجي‬
‫دل علــي الغنــي و الظهــور‬

‫دالالت األلوان واأللوان الباردة والدافئة‬

‫‪7‬‬
‫األلوان الدافئة و الباردة‬
‫هــل تالحــظ وجــود تشــابه فــي معانــي بعــض األلــوان ؟ بالتأكيــد نعــم‬
‫فألــوان مثــل األصفــر و األحمــر و البرتقالــي تعطــي شــعور بالدفــئ و‬
‫اإلثــارة و ألــوان مثــل األزرق و األخضــر و البنفســجي تعطــي شــعور بالبرودة‬
‫والهــدوء لذلــك تقســم العجلــة اللونيــة إلــي نصفيــن ألــوان بــاردة و دافئــة‬
‫توجــد بعــض األلــوان تقــع تحــت تصنيــف الفئتيــن كمــا ســنعرف فيمــا بعــد‬
‫ولكــن مــن النقــاط المهمــة التــي يجــب معرفتهــا اآلن أن اللــون األخضــر‬
‫والبنفســجي مــن األلــوان البــاردة ولكــن بشــرط أن تكــون نســبة خلــط‬
‫األصفــر و األزرق فــي حالــة تكويــن األخضــر متســاويين وأيضــا نســبة األحمــر‬
‫مــع األزرق نســب متســاوية ( ‪ ) 1 : 1‬مــن كل منهمــا فــي حالــة تكويــن اللــون‬
‫البنفســجي ويرجــع ذالــك كــون األصفــر و األحمــر مــن األلــوان الدافئــة فــإذا‬
‫زادت نســبتهم فــي الخلــط يكــون اللــون البنفســجي او األخضــر الناتــج لــون‬
‫دافــئ وســتتضح الرؤيــة اكثــر فــي القســم الثانــي ‪.‬‬

‫ألوان باردة‬ ‫ألوان دافئة‬

‫( ‪) cool color‬‬ ‫( ‪) Warm color‬‬

‫األلوان الدافئة والباردة في الطبيعة‬

‫دالالت األلوان واأللوان الباردة والدافئة‬

‫‪8‬‬

‫األلوان الدافئة‬
‫أي لــون يتبــع رتبــة األلــوان الدافئــة او األلــوان البــاردة ‪ ،‬األلــوان الحياديــة‬
‫( ســنعرفها فــي األتــي ) ولــكل رتبــة او نــوع مــن األلــوان لــه اســتخدامه‬
‫الخــاص فاأللــوان الدافئــة او باالنجليزيــة ‪ warm color‬هــي األلــوان التــي‬
‫دائمــا نراهــا فــي الشــمس او النــار مثــل األحمــر ‪،‬‬
‫األصفــر ‪ ،‬البرتقالــي ونجــد أن جميعهــا ألــوان‬
‫إثــارة و جــذب و طــول النظــر إليهــا يضــر‬
‫بالنظــر لــذا تســتخدم كلــون للشــعارات‬
‫لتجــذب المشــاهد إليهــا وتســتخدم‬
‫أيضــا فــي النصــوص القصيــرة فــي‬
‫اللوحــات ‪ outside‬مثــل لوحــات‬
‫‪ billboard‬وهــي اللوحــة التــي نراهــا‬
‫علــي الطريــق والتــي هدفهــا جــذب‬
‫المشــاهد مــن النظــرة االولــي لــذا‬
‫اســتخدام لــون مثــل األزرق او األخضــر‬
‫لــن يكــون باالختيــار الصائــب وأيضــا تســخدم‬
‫األلــوان الدافئــة فــي غــرف الطعــام او كوجهــة‬
‫لمطعــم وجبــات ســريعة ملحوظــة ‪ :‬ال يفضــل اســتخدام ‪warm color‬‬
‫فــي النصــوص الطويلــة او فــي غــرف األطفــال‬

‫حيلــة فــي بعــض مطاعــم الوجبــات‬

‫الســريعة إضافــة اللــون األحمــر و األصفــر‬
‫مــن األصنــاف المختلفــة فــي بعــض‬
‫الوجبــات الســريعة ليعطــي شــعور بالجــوع‬
‫والجاذبيــة ‪.‬‬
‫أحيانــا تســتخدم األلــوان الدافئــة علــي‬
‫وجهــات المطاعــم الســريعة لتجــذب‬
‫المشــاهد ‪.‬‬

‫دالالت األلوان واأللوان الباردة والدافئة‬

‫‪9‬‬

‫األلوان الباردة‬
‫األلــوان البــاردة كمــا يوضــح االســم فهــي لــون البحــر والســماء والخضــرة‬
‫واشــتق اســمها مــن هــذا الجــو الرطــب قليــل الح ـرارة ولذلــك تتســم هــذه‬
‫األلــوان بالهــدوء و البــرودة ‪ ،‬البســاطة لذلــك‬
‫تعتمــد شــركات المشــروبات الغازيــة او‬
‫الميــاه المعدنيــة إلــى اســتخدام هــذه‬
‫األلــوان لتشــعرنا بالعطــش وحــرارة‬
‫الجــو وتســتخدم فــي غــرف الدراســة‬
‫وغــرف األطفــال لتشــعرنا بالهــدوء‬
‫وتســتخدم هــذه األلــوان بعيــدا عــن‬
‫العنــوان دائما ألنها تتســم باالنكماش‬
‫و التقلــص بعكــس االلــوان الدافئــة‬
‫التــي تتســم باالنتشــار وأيضــا تتميــز هــذه‬
‫األلــوان أنهــا تخفــض مــن ضغــط الــدم‬
‫وتميــل بعــض المستشــفيات إلــى اســتخدام‬
‫اللــون األخضــر المــزرق لتصنــع حالــة مــن الهــدوء و التأمــل ‪.‬‬

‫جســـر بالك فرايـــار في لندن الـــذي زاد فيه‬

‫معـــدل االنتحار فتـــم تغير لونه إلـــى اللون‬
‫األخضـــر والـــذي كان لـــه الدور فـــي تقليل‬
‫معـــدل االنتحار بنســـبة كبيرة ‪.‬‬

‫يستخدم اللون األزرق في بعض الشعارات‬

‫والعبـــوات ليـــؤدي غرضه كمـــا عرفنا وذلك‬
‫مثـــل شـــعار شـــركة بيبســـي و معظـــم‬
‫شـــركات المـــاء تقريبا ‪.‬‬

‫دالالت األلوان واأللوان الباردة والدافئة‬

‫وبذلــك قــد عرفنــا المبدأ األساســي في فهم‬
‫معانــي األلــوان فــي هــذا القســم نتعــرف‬
‫علــي نظريــة األلــوان ومــا هــي العجلــة اللونية‬
‫وكيــف نســتخدمها فــي ايجــاد تناغــم بيــن‬
‫األلــوان لتكويــن مجموعــة لونيــة متناســقة ‪.‬‬
‫‪11‬‬
‫نظرية األلوان‬
‫ما هي األلوان األساسية ؟‬
‫هــي األحمــر و األزرق و األصفــر ( ‪) RBY‬وســميت بهــذا االســم ألنهــا ال‬
‫تنتــج مــن خلــط أي ألــوان اخــري ومنهــا تنتــج جميــع األلــوان‬

‫ما هي األلوان الثانوية ؟‬

‫هــي كل لــون ينتــج مــن خلــط لونيــن أساســيين مثــال اللــون األحمــر و‬
‫األصفــر لونيــن أساســين كمــا عرفنــا عنــد خلطهمــا ينتــج اللــون البرتقالــي‬
‫ويكــون هــذا اللــون ثانــوي‬

‫=‬
‫‪+‬‬

‫وكذالــك أيضــا األحمــر مــع األزرق ينتــج اللــون البنفســجي و األزرق مــع‬
‫األصفــر ينتــج األخضــر‬

‫العجلة اللونية‬
‫العجلة اللونية‬
‫‪12‬‬

‫=‬ ‫=‬
‫‪+ +‬‬
‫‪+‬‬
‫=‬

‫وبنقل األلوان الناتجة علي الدائرة او العجلة اللونية‬

‫ما هي األلوان الثالثية ؟‬

‫هــي األلــوان التــي تنتــج مــن خلــط لــون أساســي مــع لــون ثانــوي فمثــا‬
‫اللــون األصفــر لــون أساســي و البرتقالــي ثانــوي عنــد خلطهمــا ينتــج اللــون‬
‫البرتقالــي المصفــر كمــا موضــح‬

‫=‬

‫‪+‬‬
‫‪+‬‬ ‫=‬

‫اللون البرتقالي المصفر الناتج من خلط اصفر مع برتقالي‬

‫العجلة اللونية‬
‫‪13‬‬

‫وهكذا باقي األلوان الثالثية لون أساسي ‪ +‬لون ثانوي = لون ثالثي‬
‫وهم ‪ 6‬اللوان‬
‫اللون الثالثي‬ ‫اللون الثانوي‬ ‫اللون األساسي‬
‫برتقالي مصفر‬ ‫برتقالي‬ ‫اصفر‬
‫برتقالي محمر‬ ‫برتقالي‬ ‫احمر‬
‫بنفسجي محمر‬ ‫بنفسجي‬ ‫احمر‬
‫بنفسجي مزرق‬ ‫بنفسجي‬ ‫ازرق‬
‫اخضر مزرق ( نيلي )‬ ‫اخضر‬ ‫ازرق‬
‫اخضر مصفر‬ ‫اخضر‬ ‫اصفر‬

‫وبذلك ما هي العجلة اللونية ؟‬

‫هــي دائــرة مكونــة مــن ‪ 12‬جــزء كل جــزء يحتــوي علــي لــون معيــن مــن‬
‫األلــوان األساســية او الثانويــة او الثالثيــة ( كمــا تعرفنــا ) تســتخدم الختيــار‬
‫األلــوان وعمــل تنســيق بينهــا ســواء لونيــن أو ثالثــة ‪ ،‬أربعــة ‪ ،‬خمســة ‪...‬‬
‫ولذلــك تكــون جــزء مــن حيــاة أي شــخص فــي اختيــار ألــوان مالبســه ‪،‬‬
‫طــاء الجــدران ‪ ،‬اختيــار األلــوان للمصمم‪..‬الــخ كمــا‬
‫أننــا عنــد البحــث فــي األلــوان المتناســقة الناتجــة‬
‫عــن العجلــة اللونيــة سنكتشــف أنهــا موجــودة‬
‫بالفعــل فــي الطبيعــة فمثــا اللــون األزرق‬
‫( ودرجاتــه ) لــون البحــر يتناســق معــه اللــون‬
‫البرتقالــي ( ودرجاتــه ) وهــو لــون رملــة‬
‫الشــاطئ المكمــل لــه علــي العجلــة اللونيــة‬
‫وجميــع القواعــد التــي ســنعرفها هنــا فــي‬
‫الشكل النهائي للعجلة اللونية‬
‫اصلهــا اقتبســت مــن الطبيعــة بالفعــل لــذا ال‬
‫تتعجــب إذا قلــت لــك أن مــن افضــل الطــرق لعمــل مجموعــة لونيــة هــي‬
‫أداة القطــارة ( ‪ ) eyedropper tool‬التــي تســتخدم فــي ســحب لــون مــن‬
‫الصــورة ويوفــر موقــع أدوبــي هــذه الطريقــة أيضــا ‪.‬‬

‫العجلة اللونية‬
‫العجلة اللونية‬
‫‪14‬‬

‫تقسيم األلوان علي العجلة اللونية‬

‫بعــد معرفــة األلــوان األساســية والثانويــة و الثالثيــة وتكويــن العجلــة‬
‫اللونيــة التــي يمكننــا تقســيمها إلــى ألــوان دافئــة و بــاردة إذا نظرنــا لأللــوان‬
‫األساســية وهــي األحمــر و األصفــر و األزرق ( وهــو لــون بــارد ) فــإن أول‬
‫لونيــن ألــوان دافئــة وينتــج عــن خلطهمــا بنســب متســاوية البرتقالــي ( وهــو‬
‫الثانــوي ) ثــم البرتقالــي مــع األحمــر مــرة و األصفــر مــرة فينتــج األلــوان‬
‫الثالثيــة الدافئــة أي البرتقالــي المصفــر و المحمــر ‪ ،‬وكذلــك تخليــط األزرق‬
‫مــع األصفــر ينتــج األخضــر البــارد وعنــد خلــط األخضــر مــع األصفــر يتكــون‬
‫األخضــر المصفــر وهــو يقــع تحــت تصنيــف الفئتيــن األلــوان البــاردة والدافئــة‬
‫ولكــن عنــد زيــادة األصفــر بنســبة معينــة يمكــن أن يكــون ســاخن ( العكــس‬
‫صحيــح ) وعنــد خلطــه مــع ٌاألزرق يتكــون األخضــر المــزرق البــارد وكذلــك‬
‫اللــون البنفســجي البــارد إذا خلــط باألحمــر فيقــع تحــت الفئتيــن وإذا خلــط‬
‫بــاألزرق يكــون لــون بــارد ‪.‬‬
‫لون حيادي‬

‫ألوان باردة‬

‫ألوان دافئة‬

‫لون حيادي‬

‫ملحوظة ‪ :‬يقصد باللون الحيادي هنا انه لون يقع تحت الفئتين الدافئة‬
‫والباردة‬

‫العجلة اللونية‬
‫‪15‬‬

‫أين يوجد األسود و األبيض ؟‬

‫األســود و األبيــض و الرمــادي ( الناتــج عــن خلــط األســود و األبيــض بنســب‬
‫مختلفــة ) ال تعتبــر ألــوان ( تختلــف اآلراء فــي تحديدهمــا ألــوان أم ال ) وتســمي‬
‫باأللــوان الحياديــة و يســتخدما فــي تفتيــح وتغميــق األلــوان لذلــك نجــد أن‬
‫اللــون األحمــر مثــا لــه درجــات مختلفــة فاللــون األبيــض يســتخدم لتفتيــح‬
‫اللــون وتســمي هــذه العمليــة ‪ Tints‬و األســود يســتخدم فــي تغميــق‬
‫األلــوان وتســمي ‪Shades‬‬

‫‪pure‬‬
‫‪color‬‬ ‫‪+‬‬ ‫‪white‬‬ ‫=‬ ‫‪Tints‬‬

‫‪pure‬‬
‫‪color‬‬ ‫‪+‬‬ ‫‪Black‬‬ ‫=‬ ‫‪shade‬‬

‫‪pure‬‬
‫‪Tints 2‬‬ ‫‪Tints 1‬‬ ‫‪Shades 1‬‬ ‫‪Shades 2‬‬

‫‪ tints‬و ‪ shades‬في ‪adobe color‬‬ ‫‪ tints‬و ‪ shades‬في برنامج الليستراتور‬

‫العجلة اللونية‬
‫العجلة اللونية‬
‫‪16‬‬
‫مكونات اللون‬
‫البــد مــن معرفــة أن أي لــون يتكــون مــن صبغــة ‪ ،‬أضــاءه ‪ ،‬تشــبع معيــن‬
‫لكــي يظهــر مثــل مــا نـراه أي يتكــون مــن ثــاث خصائــص والتــي تمكنــا مــن‬
‫التحكــم فيــه ‪.‬‬

‫‪ ( COLOR‬اللون )‬
‫‪ ( Hue‬الصبغة )‬
‫( اللــون المنعكــس مــن الجســم ) وهــي الصبغــة او اللــون الصافــي دون‬
‫تأثيــر الخصائــص األخــرة ( كالتشــبع و اإلضــاءة ) وهــي مــا نقــول عليهــا‬
‫اللــون األخضــر ‪ ،‬األحمــر ( كاختصــار للصبغــة اللونيــة ) ‪ ..‬وعددهــا ‪ 360‬درجــة‬
‫لونيــة موجــودة علــي محيــط العجلــة اللونيــة‬

‫‪ ( Saturation‬التشبع )‬
‫التشــبع او الكثافــة للصبغــة فــأي صبغــة فــي حالتهــا الطبيعيــة تكــون‬
‫نســبة تشــبعها ‪ ( %100‬التشــبع يتــم قياســه بالنســبة المئويــة مــن " ‪" 0‬‬
‫الرمــادي إلــى ‪ " %100‬كامــل التشــبع " ) وبالمفهــوم البســيط فاللــون‬
‫فــي تشــبع بســيط نقــول عليــه أن لونــه باهــت وفــي تشــبع عالــي نقــول‬
‫انــه فاقــع ‪.‬‬

‫العجلة اللونية‬
‫‪17‬‬

‫‪ ( Brightness‬اإلضاءة )‬
‫عتامــة او أضــاءه الصبغــة ويتــم قياســها بدرجــة مــن ‪ ( %0‬اللــون األســود )‬
‫إلــى ‪ ( %100‬ناتــج الصبغــة و التشــبع )‬

‫وتمثــل الثــاث خصائــص للــون نظــام ‪ HSB‬لتحديــد اللــون ويوجــد فــي‬

‫بعــض البرامــج مثــل فوتوشــوب وبعــض برامــج أدوبــي ويتــم ترجمــة هــذه‬
‫القيــم إلــى ‪ RGB‬او ‪ CMYK‬الــذي تريــده‬

‫العجلة اللونية‬
‫العجلة اللونية‬
‫‪18‬‬
‫تناسق األلوان ( ‪) color harmony‬‬
‫مــا تعلمنــاه فــي الصفحــات الســابقة لكــي نصــل لهــذه النقطــة وهــي‬
‫تنســيق األلــوان والتــي ســتكون العجلــة اللونيــة هــي الجــزء الرئيســي‬
‫إلخـراج مجموعــة ألــوان متناســقة ( ‪ ) paltte‬وتــم تلخيــص تلــك القواعــد‬
‫إلــى ثــاث مجموعــات وكل مجموعــة تحتــوي علــي ثــاث قواعــد بحيــث‬
‫تكــون المجموعــة األولــي منتجــة لونيــن او اكثــر والمجموعــة الثانية منتجة‬
‫ثــاث ألــوان ( ‪ ) triad‬و المجموعــة الثالثــة منتجــة أربعــة ألــوان ( ‪)Tetrad‬‬

‫‪Monochromatic‬‬ ‫‪Complementary‬‬ ‫‪base color‬‬

‫تشتق األلوان‬ ‫اللون الرئيسي الذي الطريقة األولي في اختيار‬

‫األحادية من اللون‬ ‫األلوان هي األلوان المضادة‬ ‫نختار علي أساسه‬
‫النقي بتقليل‬ ‫او المتقابلة علي العجلة‬ ‫فمثال إذا اختارنا اللون‬
‫اللونية فمثال إذا اختارنا اللون‬ ‫البنفسجي من‬
‫التشبع بدرجات‬
‫دالالت األلوان كلون البنفسجي فإنه يتناسق مع‬
‫متساوية في كل‬ ‫األصفر كما موضح وتتميز‬
‫مرة ويتميز التصميم‬ ‫( يناسب ما نعمل‬
‫بالوضوح العالي و الراحة‬ ‫عليه ) واردنا إضافة‬
‫المستخدم فيه هذه‬ ‫للعين فمثال يفضل في‬ ‫ألوان اخري فإننا نختار‬
‫القاعدة بالتماسك‬ ‫صور البورتريه بأن يكون‬ ‫بناء علي هذا اللون‬
‫وجذب التركيز‬ ‫لون الخلفية باللون األزرق‬
‫األلوان األخرة من‬
‫واالنتباه و الوضوح‬ ‫( ودرجاته ) وذالك الن لون‬
‫علي العجلة اللونية‬
‫والهدوء وذلك‬ ‫البشرة بالون البرتقالي (‬
‫ويكمل في الصفحة‬
‫لعدم وجود ألوان‬ ‫بدرجاتها كما عرفنا ) وبالتالي‬
‫التالية شرح للون‬
‫فهي سيئة للنصوص‬
‫اخري تجذب االنتباه ‪.‬‬ ‫الرئيسي بالتفصيل‬
‫الطويلة وجيدة للعناويين ‪.‬‬
‫قليال ‪.‬‬

‫العجلة اللونية‬
‫‪19‬‬

‫ما هو ‪ Base color‬؟‬

‫يمكننــا تمثيــل اللــون الرئيســي او ‪ Base color‬بأنــة اللــون األخضــر فــي‬
‫الحديقــة فهــو اللــون المســيطر واألكثــر ظهــور فــي االشــجار و الخضــرة‬
‫وباقــي األلــوان فــي االزهــار والثمــار فــإذا طبقنــا هــذا علــي التصميــم فــي‬
‫تصميــم الفاليــر مثــا فيكــون لــون الخلفيــة هــو اللــون المســيطر علــي‬
‫التصميــم يمكننــا أيضــا إضافــة هــذا اللــون علــي الصــور الموجــودة بداخــل‬
‫التصميــم ( بتقليــل ألعتامــه إلــى ‪ 5‬او ‪ ) % 10‬ثــم إضافــة األلــوان المتناســقة‬
‫معــه مــن علــي العجلــة اللونيــة إلــى باقــي العناصــر الموجــودة فــي‬
‫التصميــم كلــون الخــط مثــا و اقصــد بذلــك أن اللــون الرئيســي هــو اللــون‬
‫المســتحوذ علــي النســبة األكبــر فــي التصميــم ‪.‬‬
‫ثــم األلــوان األخــري بنســبة اقــل ولكــن ال يمكــن تعميــم هــذه النظريــة‬
‫علــي جميــع القوعــد وذلــك ألن المجموعــة الثالثــة بهــا تــوازن بيــن األلــوان‬
‫البــاردة و الدافئــة فيكــون هنــاك تــوازن بيــن األلــوان بنفــس عددهــم مــن‬
‫كل نــوع ‪.‬‬

‫ُ‬
‫صـــورة رائعـــة مـــن صفحـــة ‪ Trendland‬لتصميـــم داخلـــي اســـتخدم فيـــه‬
‫اللـــون األخضـــر ومشـــتقاتة كلون رئيســـي وباقـــي األلوان فرعية بنســـب‬
‫اقـــل فـــي التصميـــم وهو مـــا جعل الشـــكل يبـــدو رائع‬

‫العجلة اللونية‬
‫العجلة اللونية‬
‫‪20‬‬

‫‪ ( triad‬األلوان الثالثية )‬
‫‪Split‬‬
‫‪Analogous‬‬ ‫‪Complementary‬‬
‫‪triadic‬‬

‫األلوان المتماثلة وهما‬ ‫األلوان المتكاملة‬ ‫األلوان الثالثية‬

‫المنشطرة الثالثية ولها الثالث (او خمسة ) ألوان‬ ‫او المثلثية وهي‬
‫المتجاورة علي العجلة‬ ‫الموجودة في رأس نفس خصائص األلوان‬
‫المتكاملة ولكن بتباين اللونية وتتميز بالبساطة‬
‫مثلث متساوي‬
‫و الوضوح في الطبيعة‬ ‫ووضوح اقل منها‬
‫مثل السماء وبالتالي‬ ‫األضالع وتختار لونين‬
‫فهي تخلق جو من‬ ‫من األلوان الباردة‬
‫الراحة و البساطة وأيضا‬ ‫ولون من األلوان‬
‫تنشئ تصميم له درجة‬ ‫الدافئة و العكس‬
‫حرارة معينة إذا كان‬ ‫صحيح لذا يجب الحرص‬
‫اختيار اللون الرئيسي من‬ ‫عند اختيار هذه األلوان‬
‫األلوان الباردة مثال فيكون‬ ‫ويستخدم لون واحد‬
‫األلوان المجاورة باردة أيضا‬
‫بنسبة اكبر واالثنين‬
‫والعكس صحيح لكن ليس‬
‫في كل الحاالت ويستخدم‬ ‫اآلخرين بنسب اقل مع‬
‫لون واحد كأكبر نسبة في‬ ‫العناصر األقل‬
‫ً‬ ‫باقي‬
‫التصميم‪.‬‬ ‫حجما ‪.‬‬

‫يفضــل فــي هــذه المجموعــة اســتخدام لــون واحــد بنســبة اكبــر مــن باقــي‬
‫األلــوان ‪.‬‬

‫العجلة اللونية‬
‫‪21‬‬

‫‪ ( Tetrad‬األلوان الرباعية )‬
‫‪double‬‬
‫‪Complementary‬‬
‫‪rectangle‬‬ ‫‪Square‬‬

‫إذا اخترت اللون‬ ‫كما يوضح الشكل‬ ‫األلوان الموجودة في‬

‫فهي األلوان الموجودة البنفسجي فيكون‬ ‫راس كل زاوية من‬
‫اللون المكمل‬ ‫في رؤس المستطيل‬ ‫المربع وتتميز بالموازنة‬
‫بين األلوان الدافئة‬
‫له هو األصفر‬ ‫وهي شبيه بالمربع‬
‫والباردة في التصميم‬
‫( المقابل )‬ ‫وكذلك األلوان التكاملية‬ ‫لذا تعطي شعور‬
‫واللون المجاور له‬ ‫المضاعفة وأيضا يوجد‬ ‫بالجاذبية و الهدوء‬
‫البنفسجي المزرق‬ ‫توازن بين األلوان في‬ ‫في نفس الوقت لذا‬
‫مع عقارب الساعة‬ ‫هذه القاعدة ‪.‬‬ ‫يجب التركيز عند اختيار‬
‫( األيسر ) والمقابل‬ ‫هذه القاعدة بسبب‬
‫له البرتقالي المصفر‬ ‫التوازن بين األلوان‬
‫الدافئة والباردة فأي‬
‫( العكس صحيح )‬
‫زيادة في لون يقلل‬
‫فتكون األربعة ألوان‬ ‫من توازن التصميم‪.‬‬
‫متناسقة ‪.‬‬

‫نالحــظ أن جميــع القواعــد فــي هــذه المجموعة تتميز بالتــوازن بين األلوان‬
‫ولذلــك يفضــل عــدم اســتخدام لــون مهيمــن علــي التصميــم مثــل باقــي‬
‫القواعــد االخــري وأي زيــادة فــي لــون معيــن يــؤدي إلــى خلــل بصــري‬
‫ولذلــك يجــب االخــذ فــي االعتبــار إلــى هــذه النقطــة ‪.‬‬

‫العجلة اللونية‬
‫العجلة اللونية‬
22

: ‫ملخص القواعد‬
All

base color Complementary Monochromatic

Triad

triadic Split Analogous

Complementary
Tetrad

Square rectangle double

Complementary

‫العجلة اللونية‬
‫‪23‬‬
‫كيف نطبق هذه القواعد في التصميم او الحياة عامة ؟‬
‫فــي الحقيقــة مــن الصعــب تنفيــذ العجلــة اللونيــة مــن‬
‫خــال األحبــار والــورق وغيرهــا ولكــن تتوفــر العديــد مــن‬
‫مواقــع األنترنــت التــي توفــر العجلــة اللونيــة وبهــا جميــع‬
‫القواعــد فقــط مــن تحديــدك اللــون الرئيســي ( ‪base‬‬
‫‪ ) color‬ثــم علــي أساســه يقــوم الموقــع تلقائيــا بتحديــد‬
‫األلــوان المتكاملــة معــه بحســب القاعــدة اللونيــة التــي‬
‫حددتهــا مــع توفيــر ‪ color hex‬لهــذه األلــوان تتوفــر‬
‫أيضــا مواقــع أخــري تعطيــك مجموعــات ألــوان جاهــزة‬
‫فيمــا تعــرف ( ‪ ) Palettes‬ولكنهــا أيضــا مــن علــي العجلــة‬
‫اللونيــة وســوف أضــع لكــم مجموعــة من افضــل البرامج و‬
‫المواقــع فــي تســهيل اختيــار مجموعتــك اللونيــة المناســبة‪.‬‬
‫•يتيح برنامج إليستريتور ومجموعة برامج أدوبي العجلة‬
‫اللونية بمجموعة من القواعد اللونية وإمكانية التعديل‬
‫علي قيم األلوان ‪.‬‬
‫•يتيح موقع أدوبي أداة مجانية أونالين لعمل مجموعة‬
‫ألوان متناسقة باستخدام ‪ 7‬قواعد لونية وإمكانية تعديل‬
‫كل لون وإمكانية إضافتها إلى ملفاتك في ‪Creative‬‬
‫‪ cloud‬مع الميزة الرائعة وهي استخراج األلوان من‬
‫الصورة ‪.‬‬
‫•استخدام العجلة في موقع ‪ sessions‬ال يختلف عن‬
‫موقع أدوبي ولكن أسهل قليل أيضا موقع ‪colourco‬‬
‫نفس العمل ولكن بعدد اقل من القواعد ولكن الطريقة‬
‫مختلفة قليال حيث أن طريقة اختيار اللون تعتمد علي‬
‫تحريك مؤشر الفأرة يمين ويسار لتغير الصبغة وألعلي‬
‫وألسفل لتغير التشبع وتغير ‪ scroll‬لتغير اإلضاءة ‪.‬‬

‫العجلة اللونية‬
‫العجلة اللونية‬
‫‪24‬‬

‫•موقع ‪ color-hex‬الرائع يتيح لك مجموعة من األلوان‬

‫األكثر استخدام من المستخدمين ولكن تكمن الميزة انه‬
‫يعرض اللون بجميع األنظمة اللونية و األنظمة العددية‬
‫و األلوان ‪ tints‬و ‪ shades‬من اللون وقيمة األلوان‬
‫األساسية فيه واأللوان المتناسقة معه وكثير من المميزات‬
‫ربما يكون الموقع األفضل لمصممي الويب أيضا موقع‬
‫‪ colorsupplyyy‬يتيح نفس العمل ولكن بمميزات أخري‬ ‫ً‬
‫قليال وبالمناسبة موقع ‪ commutercreative‬به جميع‬
‫االلون المتاحة لإلنترنت يمكنك الضغط علي أي لون‬
‫لمعرفة اسمه ‪.‬‬
‫•أداة ‪ 0to255‬إليجاد األلوان الفاتحة والغامقة من اللون‬
‫الرئيسي ‪.‬‬
‫•إذا كنت تفضل مجموعة من األلوان المتناسقة الجاهزة‬
‫دون البحث عن ‪ base color‬الذي ستبحث من خالله‬
‫فهذه مجموعة من المواقع تتيح مجموعة ‪palette‬‬
‫رائعة ‪ huesnap‬وأيضا موقع ‪ colorhunt‬وأيضا موقع‬
‫‪ eggradients‬يتيحا لك مجموعة من التدرجات الجاهزة ‪.‬‬

‫•يمكنك ‪ webcolourdata‬من معرفة جميع األلوان في‬

‫المواقع المعروفة وأي موقع تريده أداة اخري رائعة‬
‫تمكنك البحث عن طريق األلوان بين ‪ 20‬مليون صورة في‬
‫موقع ‪ flicker‬موقع ‪. tineye‬‬

‫العجلة اللونية‬
‫‪25‬‬

‫مصطلحات لونية ‪:‬‬

‫المصطلح باالنجليزية‬ ‫المصطلح بالعربية‬ ‫رقم‬
‫‪color‬‬ ‫لون‬ ‫‪1‬‬
‫‪base color‬‬ ‫اللون الرئيسي‬ ‫‪2‬‬
‫‪Complementary‬‬ ‫تكاملي‬ ‫‪3‬‬
‫‪Monochromatic‬‬ ‫أحادي اللون‬ ‫‪4‬‬
‫‪triadic‬‬ ‫تكاملي ثالثي‬ ‫‪5‬‬
‫‪Split Complementary‬‬ ‫تكاملي منشطر‬ ‫‪6‬‬
‫‪Analogous‬‬ ‫مماثل ‪ -‬متشابه‬ ‫‪7‬‬
‫‪Tetrad‬‬ ‫رباعي‬ ‫‪8‬‬
‫‪double Complementary‬‬ ‫تكاملي مزدوج‬ ‫‪9‬‬
‫‪Value - Brightness‬‬ ‫اإلضاءة‬ ‫‪10‬‬
‫‪Hue‬‬ ‫الصبغة‬ ‫‪11‬‬
‫‪Saturation‬‬ ‫التشبع‬ ‫‪12‬‬
‫‪Shade‬‬ ‫الظل‬ ‫‪13‬‬
‫‪tints‬‬ ‫لون على نحو خفيف‬ ‫‪14‬‬
‫‪Primary colors‬‬ ‫األلوان األولية‬ ‫‪15‬‬
‫‪Secondary colors‬‬ ‫األلوان الثانوية‬ ‫‪16‬‬
‫‪Tertiary colors‬‬ ‫األلوان الثالثية‬ ‫‪17‬‬
‫‪pure‬‬ ‫نقي‬ ‫‪18‬‬
‫‪warm‬‬ ‫دافئ‬ ‫‪19‬‬
‫‪cool‬‬ ‫بارد‬ ‫‪20‬‬
‫مصادر ‪:‬‬
‫‪Color - Wikipedia‬‬ ‫دكتور احمد عطية‬
‫‪thank you‬‬ ‫‪Understanding Color‬‬ ‫موضوع‬
‫‪wikipedia‬‬ ‫‪article of sessions‬‬ ‫‪google‬‬

‫دالالت األلوان واأللوان الباردة والدافئة‬

‫انتهينـــا ان كنت قرأت هذا الكتيب بالكامـــل فهنيئا لك اعتقد أن هذا القدر‬
‫مـــن المعلومـــات عن األلوان يكفـــي لمعرفة طريقة اختيـــار ألوانك ولكن‬
‫هـــذا ليـــس إال بداية طريقـــك حيث كل هـــذا يظهر في جمـــال تصميمك‬
‫وتدريبـــك المســـتمر حيـــث أن األلوان مـــن عناصـــر التصميم األبـــرز وانتظر‬
‫الشـــروحات القادمـــة علي صفحتي وال تنســـونا من خالـــص دعائكم وان‬
‫كان لديـــك أي استفســـار ال تتردد فـــي التواصل معي ‪.‬‬

‫‪mohamed3nasr3@gmail.com‬‬
‫‪01011227732‬‬

‫كتيب أزاي ننسق األلوان‬