الدرس 22

أسماء الألوان وكتابة اللون باستخدام Hex

المعنى	Stand For	Name
نظام كتابة أرقام باستخدام 16 رمز	Hexadecimal	Hex

اللون ممكن نكتبه باسمه زي red أو بكود يحدد درجة معينة طرق كتابة اللون تنفع مع لون النص والخلفية ومش مرتبطة بخاصية واحدة

<p class="color-example">Explore CSS Colors</p>

.color-example {
  color: white;
  background-color: red;
}

هتشوف نص أبيض على خلفية حمراء أسماء الألوان سهلة لكن الكود بيديك درجات أكتر تختار منها

الكود بيبدأ بعلامة # وبعدها ست خانات أول خانتين للأحمر والاتنين اللي بعدهم للأخضر وآخر اتنين للأزرق

.color-example {
  color: #ffffff;
  background-color: #ff0000;
}

ده نفس الأبيض والأحمر اللي استخدمناهم بالاسم

الرموز المستخدمة من 0 إلى 9 وبعدها الحروف من A إلى F القيمة 00 أقل كمية من اللون و FF أعلى كمية مش مطلوب تحفظ تحويلات الأرقام علشان تستخدم اللون

/* Red */
color: #ff0000;

/* Green */
color: #00ff00;

/* Blue */
color: #0000ff;

/* Black */
color: #000000;

/* White */
color: #ffffff;

جرب كل سطر لوحده مكان color داخل المثال اللون #00ff00 أخضر فاقع

وهو نفس lime في أسماء CSS أما الاسم green فدرجته أغمق

لو كل زوج فيه نفس الرمز نقدر نكتب رمز واحد من كل زوج

/* Same Color */
color: #aabbcc;
color: #abc;

/* Same Color */
background-color: #ffffff;
background-color: #fff;

ال #abc بتتفك إلى #aabbcc مش #abcabc واللون #123456 مينفعش نختصره بالطريقة دي لأن الخانتين في كل زوج مختلفتين

خلي لون النص #333 وخلفيته #eee واكتب الشكل الكامل لكل لون

ثم جرب #ff8800 للخلفية واختصره إلى #f80 وقارن النتيجة

آخر تعديل للدرس: 13/10/2026