CSS Tutorial

الألوان- Colors

الخطوات العملية:

  • أسماء الألوان: تعرف على أسماء الألوان الأساسية والفرعية.
  • رموز Hex: استخدم رموز Hex (مثل FF0000 #) لتمثيل الألوان.
  • قيم RGB: استخدم قيم RGB (مثل rgb(255,0,0)) لتمثيل الألوان من حيث الأحمر والأخضر والأزرق.
  • قيم HSL: استخدم قيم HSL (مثل hsl(0, 100%, 50%)) لتمثيل الألوان من حيث الصبغة والتشبع والسطوع.

مثال CSS لتحديد الألوان:

body {
  background-color: #0000FF; /* أزرق */
  color: #FFFFFF; /* أبيض */
  border: 1px solid #FF0000; /* أحمر */
}

دليل موجه لذوي الاحتياجات الخاصة:

  • استخدم تباينًا كافيًا بين ألوان النص والخلفية لسهولة القراءة.
  • تجنب استخدام الألوان الزاهية أو المتباينة للغاية لأنها قد تسبب إجهاد العين.
  • ضع في اعتبارك استخدام الألوان البديلة للأشخاص الذين يعانون من عمى الألوان.