أكواد الألوان في HTML | دروس HTML5

 الألوان في HTML


في HTML ، يمكن تحديد اللون حسب اسم اللون أو قيمة RGB أو القيمة السداسية العشرية. في هذا الدرس، سوف نتعلم الألوان في جميع الأوضاع الثلاثة.


أسماء ألوان HTML

في HTML ، يمكن تحديد اللون من خلال اسمه. في المثال أدناه، يتم تحديد 5 ألوان حسب اسمها:

اللون         اسم
  أحمر
  البرتقالي
  زرد
  ازرق سماوي
  أزرق

قيمة RGB للألوان 

في HTML ، يمكن تحديد اللون بقيمة RGB باستخدام هذه الصيغة: (rgb (أحمر ، أخضر ، أزرق).

كما تعلم ، فإن الألوان الثلاثة الرئيسية هي الأحمر والأخضر والأزرق ، والتي يتم الحصول عليها من خلال ألوان أخرى.

تحدد كل معلمة في الصيغة أعلاه (أحمر ، أخضر ، أزرق) كثافة اللون بين الأرقام من 0 إلى 255.

على سبيل المثال ، (يشير rgb (255 ، 0 ، 0 إلى اللون الأحمر) لأن كثافة اللون في المعلمة الأولى (الأحمر) هي 255 (أعلى قيمة) والمعلمات الأخرى هي صفر.

لعرض اللون الأسود ، يجب ضبط جميع معلمات الألوان على 0 ، مثل: (rgb (0،0،0).

لعرض اللون الأبيض ، يجب ضبط كافة معلمات الألوان على 255 ، مثل: (RGB (255255255).

في المثال المثال ، يتم استخدام قيمة RGB لتحديد الألوان:

اللون                    RGB
  (RGB (255.0.0)
  (RGB (255255.0)
  (rgb (0.255.0)
  (RGB (0.255255)
  (RGB (0.0 ، 255)

تتميز الظلال الرمادية عادةً بثلاث معلمات متطابقة:

اللون                        RGB                   
  (RGB (0.0.0)
  (RGB (90 ، 90 ، 90
  (RGB (128 ، 128 ، 128
  (RGB (200 ، 200 ، 200
  (RGB (255255255

قيمة سداسية عشرية للألوان

في HTML، يمكن تعريف اللون بالقيمة السداسية العشرية (الرقم في الأساس 16) على النحو التالي: RRGGBB # ، حيث RR (أحمر) ، GG (أخضر) و BB (أزرق) هي قيم سداسية عشرية بين 00 و FF (نفس الأرقام من 0 إلى 255 تعتمد على 10).

على سبيل المثال ، # FF0000 يحدد اللون الأحمر لأنه تم ضبط اللون الأحمر على أعلى قيمة له (FF) والألوان الأخرى مضبوطة على 0.

اللون          عرافة
  FF0000 #
  # FFFF00
  # 00FF00
  # 00FFFF
  # 0000FF

يتم تحديد الظلال الرمادية أيضًا بثلاث قيم متطابقة: 

اللون                        RGB                       
  # 000000
  # 404040
  # 404040
  # 404040
  #FFFFFF


كلمات مفتاحية: