الالوان هي روح صفحات الويب وهي ماتعطيه الحيوية والمرونة لشكل صفحة الويب
ومن خلال هذا الموضوع سنرى
ماهي طريقة تحديد الالوان على الرغم من وجود العديد من الطرق حتى نقوم بذلك
المقصود بمعجم الالوان وبعض المفردات اليت ينحصر دورها في كيفية اختيار الالوان
ماهي الالوان الخلفية سواء لكامل الصفحة او جزء منها
الالوان الامامية او forground colors
وهي الخاصية التي تسمح لك بتحديد اللون داخل العنصر ويمكنك فعل ذلك بعدة طرق وهي
قيمة RGB
تعني مثلا كمية اللون الاحمر , الاخضر ثم الازرق المستخدم حتى نصنع ذلك اللون على سبيل المثال
rgb(100,100,90)
اكواد HEX
والتي تتكون من عدد 6 اكواد والتي تقوم بتقديم كمية الاحمر والخضر والازرق في ذلك اللون ويكتب بعد ذلك رمز هاش
على سبيل المثال
#ee3e80
اسماء الالوان
ومن الجدير بالذكر انه يوجد 147 من الألوان التي ىتم تحديدها بالاسم على سبيل المثال
DarkCyan
/* إسم اللون */
h1 {
color: DarkCyan;}
/* hex كود */
h2 {
color: #ee3e80;}
/* rgb قيمة */
p {
color: rgb(100,100,90);}
الالوان الخلفية Background colors
من الممكن تحديد لون الخلفية كما تم في الاعلى وبنفس الطريقة
body {
background-color: rgb(200,200,200);}
h1 {
background-color: DarkCyan;}
h2 {
background-color: #ee3e80;}
p {
background-color: white;}
الشفافية Opacity
ومن الممكن ايضا جعل تلك الخلفية بشكل شفاف حسبما تريد ويكون ذلك باستخدام تلك الطريقة أو باستعمال RGB
p.one {
background-color: rgb(0,0,0);
opacity: 0.5;}
p.two {
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.5);}