بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
يمكننا عرض الالوان على شاشة العرض بأستخدام اسمائها, لكن css تعرف اسماء لسبعة عشر لونا فقط …
ان استخدام 17 لون فقط في موقعك يجعل من صفحاته قديمة الطراز ويحد من الابتكار والابداع فيها ويعيدها الى ايام جدي وجدك مثل ايام الابيض والاسود في التلفزيون … ولن تكون هذه الالوان محبذة لدى زوار الموقع ومؤكد انك لا تريد ان تخسر زوار الموقع … في هذه الدورة سوف نبين لك كيفية تحديد الالوان بطريقة تحصل من خلالها على الكثير الكثير من الالوان … في الواقع سوف نعمل مع 16 مليون لون من خلال هذه الطريقة … هل الرقم مشجع ؟؟!! …
نلاحظ كثيرا عند عرض مصدر صفحة انترنت طريقة غريبة لترميز اللون وهي تبدو مثل (#fd1234) اولا سنقوم بمعرفة كيفية قيام css بتحديد الالوان ومن ثم نتعرف عل كيفية استخدام خرائط الالوان وتطبيقات تحرير الصور بسهولة لاختيار الالوان …
توفر css عددا من الطرق لتحديد الالوان … اما عن طريق تحديد اسم اللون او من خلال نسبة مئوية من الاحمر والاخضر و الازرق او باستخدام الترميز الست عشري (hex code) وهي الطريقة الاكثر انتشارا ببرمجة صفحات الوب … قد يتسائل البعض انه يجب اعتماد واحدة من هذه الطرق الثلاث دون غيرها …
لكن بما انها جميعها مستخدمة على الانترنت اذا من الافضل ان نناقشها جميعها والمتصفحات الرئيسية لازالت تدعم جميع هذه الطرق ولا زال هنالك مبرمجون يستخدمون هذه الطرق جميعها على صفحاتهم ومواقعهم … ولا اخفيكم ان طريقة التراميز الست عشرية باتت الاكثر شيوعا على الشبكة العنكبوتية لتحديد الوان الويب … الا انه مهما كانت الطريقة المستخدمة لتحديد اللون فان غايتها الوحيدة هي اعلام المستعرض بكميات الاحمر والاخضر والازرق المساهمة في عرض اللون …
لذا ارجو ان لا ينحاز احد ما الى طريقة معينة دون غيرها … دعونا الان نفصل قليلا كل طريقة من الطرق الثلاث السابقة :
1 – تحديد اللون باسمه
وهي من اسهل الطرق لوصف اللون في css وتكون باستخدام اسم اللون فقط … ولكن كما نعلم لا يوجد سوى 17 لونا يمكن تحديدها بهذه الطريقة …
مثال : بفرض انك تريد تحديد اللون silver (فضي) كلون خلفية للعنصر عندها نكتب في ملف css الكود التالي :
body {
background-color: silver;
}
اذا لتحديد لون باسمه نقوم بكتابة الاسم كقيمة للخاصية … وننوه ان اسماء الالوان في css غير حساسة لحالة الاحرف اي انه يمكن كتابة Silver او SILVER او SILVEr او silver …الالوان السبعة عشر المعرفة مسبقا في css والتي تكتب باسمها …
2 – تحديد لون اعتمادا على قيم الاحمر والاخضر والازرق
يمكن ايضا تحديد لون وفق كميات الاحمر والاخضر والازرق … بفرض اننا نريد تحديد اللون البني وهو مكون من 80%احمر و 40%اخضر و 0%ازرق … فانه يتم على النحو التالي :
body{
background-color: rgb (80%, 40%, 0%);
}
ويمكن تحديد قيم الاحمر والاخضر والازرق كقيم عددية بين 0 و 255
ويكون في المثال السابق اننا نخلط 204 احمر و 102 اخضر و 0 ازرق وذلك لان : 80% من 255 هو 204 لان 80 ضرب 255 تقسيم 100 يساوي 204 (حتى لا يبقى غامضا علينا من اين اتت 204) 40% من 255 هو 102 0% من 255 هو 0 والان لنرى كيف سنستخدم القيم العددية في مثالنا السابق :
body {
background-color: rgb (204, 102, 0);
}
اذا لتحديد قيمة عددية وليس نسبة مئوية نكتب القيمة فقط دون اشارة %
