فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

الألوان في لغة HTML

في لغة HTML الألوان هي لغة العيون التي تجعل الموقع يتحدث عن حلاوة تصميمة او عكس ذلك , فيمكنك أن تستخدم الألوان لأنشاء موقع جميل ومناسب للمستخدم وعين المستخدم , لأننا في حالة تحدثنا عن الألوان يجب أن نتحدث عن العين الذي تري ألوان مريحة وهادئة او عكس ذلك .

يمكن التعامل مع الألوان بشكل سهل جداً في لغة HTML, سوف نقوم بتحديد العنصر ومن ثم نستخدم الخواص التالية لتحديد الجزء الذي نريد تلوينة في العنصر

  • Background-color : هي مسئولة عن تلوين خلفية العنصر
  • color : مسؤولة عن تحديد لون الخط


نظم الألوان في HTML

في لغة HTML يوجد ما يسمي بوحدات قياس الألوان ويطلق عليها مسمي أخر وهو نظم الألوان,وهي نفسها وحدة قياس درجة اللون التي نريدها في التصميم , ولكن كيف يتم قياس درجة اللون وما هي وحدات قياس الألوان المسخدمة في لغة HTML.

  • كما يوجد وحدات قياس المسافات (متر سنتيمتر,مللي متر ) , يوجد ايضاً وحدات قياس الألوان الذي سنتعرف عليها الأن
  • سبب تنوع وحدات قياس الألوان هو استخدام الوحدة التي تجعلك تصل الي اللون المناسب الذي تحتاجة


نظام RGB

هو النظام العالمي الأساسي في اختيار الألوان, وكل الألوان التي ترها عينك, مكونة من عدد ثلاثة الوان اساسية   Red ,Green ,Blue 

"الأحمر","الأخضر","الأزرق" ,

يتم كتابة الكود كالتالي

rgb(0, 0, 0)

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

  كما قلنا بأن اي لون يمكن تكوينة بأستخدام الثلاثة الوان الأساسية "الأحمر","الأخضر","الأزرق" , سوف نقوم الأن ببعض الأمثلة التي سيتم أختيار عدد من الألوان بأستخدام درجات لون مختلفة  من الألوان الأساسية

درجة لون مكونة من 255 أحمر و 102 أخضر و 102 أزرق             rgb(255, 102, 102)

درجة لون مكونة من 204 أحمر و 255 أخضر و 255 أزرق             rgb(204, 255, 255)

درجة لون مكونة من 255 أحمر و 255 أخضر و 153 أزرق             rgb(255, 255, 153)

بتلك الطريق يتم أختيار الألوان داخل لغة CSS , الأن يمكنك أختيار الألوان المناسبة وبداية تلوين عالمك الجديد بنظام الــ RGB  ,وللتعمق أكثر في انظمة الألوان استكمل الباقي في الأسفل.

<P style="color:rgb(255,102,102)"></P>


نظام الــ HEX

هو نظام ألوان أخر شبية جداً بالنظام السابق ولكن يتم كتابتة بشكل مختلف كما يلي rrggbb# , وفي حالة أستخدام النظام السابق او النظام الحالي سوف نحصل علي درجة اللون المطلوبة , وقد يتسائل البعض عن كيف تتم عملية التحويل من ال hex الي rgb أو العكس  .

  • الحرفين rr مسؤولين عن اللون الأحمر Red
  • الحرفين gg مسؤولين عن اللون الأخضر Green
  • الحرفين bb مسؤولين عن اللون الأزرق Blue

في نظام ال rgb يوجد لكل خانة حد أقصي للقيمة من 0 الي 255 , بمعني ان "الأحمر" لدية 255 درجة "والأخضر" 255 درجة "والأزرق" 255 درجة , ولكن نظام الــ hex يحتوي علي خانتين فقد "للأحمر" وخانتين "للأخضر" وخانتين "للأزرق" , في تلك الحال يوجد ما يسمي بالنظام السادس عشر , هو نظام يحتوي علي الأرقام من 0 الي 9 والحروف من a الي f  , وبواسطة تلك القيم يمكن تكوين الألوان بما يتقارن مع نظام ال rgb , تلك نظرة سريعة ولكن ما يهمنا الان بأن اي لون مكتوب بنظام ال rgb يمكن تحويلة الي نظم ال hex , سوف نقوم باضافة نفس الألوان التي قمنا بأضافتها في نظام ال rgb ولكن بنظام ال hex حتي تصل الفكرة ببساطة 

درجة لون مكونة من ff أحمر و 66 أخضر و 66 أزرق            #ff6666

درجة لون مكونة من ff أحمر و cc أخضر و cc أزرق             #ffcccc

درجة لون مكونة من ff أحمر و 99 أخضر و 99 أزرق             #ff9999

<P style="color:#ff6666"></P>
الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج