تلعب الألوان دورًا حيويًا في نقل المعلومات غير شفهيًا. يعتبر موقع الويب الذي يحتوي على ألوان تفاعلية جذابًا وجذابًا بصريًا. توجد طرق مختلفة لتطبيق الألوان على عناصر HTML: RGB و RGBA و HEX Code و HSLA و HSL. ومع ذلك ، يمكنك العثور على رموز الألوان من خلال فحص الصفحة ، أو تحديد الألوان من منتقي الألوان ، أو استخدام ميزة قطارة العين من لوحة Developers Tool.
في هذه الدراسة ، سنناقش طرق العثور على رمز اللون في HTML
الطريقة الأولى: البحث عن رمز اللون في HTML عن طريق فحص صفحة الويب
فيما يلي خطوات العثور على رمز اللون من خلال فحص الصفحة.
الخطوة 1: افتح صفحة الويب
أولاً ، افتح صفحة الويب المطلوبة:
الخطوة 2: حدد خيار الفحص
انقر بزر الماوس الأيمن على الصفحة وحدد ' فحص 'من القائمة ، والذي سيوفر الوصول إلى' ادوات المطورين ' فريق:
ونتيجة لذلك ، فإن ' عناصر سيتم عرض علامة التبويب 'أسفل المتصفح:
الخطوة 3: اضبط مكان لوحة أدوات المطور
من خلال النقر على النقاط الثلاث من الزاوية ، يمكنك تحديد موضع اللوحة. على سبيل المثال ، لقد اخترنا الأيقونة المميزة باللون الأخضر. علاوة على ذلك ، يمكن تغيير حجم نافذة الفحص عن طريق سحب أركانها:
الخطوة 4: حدد العنصر المراد فحصه
ثم انقر فوق الرمز المميز لتحديد العنصر الذي تريد فحصه:
الخطوة 5: اختر العنصر
قم بتمرير العنصر الذي يجب العثور على رمز اللون الخاص به وانقر فوقه. ونتيجة لذلك ، فإن ' الأنماط تفتح علامة التبويب 'وتعرض خصائص التصميم للعنصر المحدد ، حيث يتعين عليك تحديد اللون كما هو موضح في المربع المميز باللون الأخضر:
الخطوة 6: اختر اللون من Color Picker
انسخ رمز اللون من نافذة منتقي الألوان المفتوحة:
تشير الصورة أدناه إلى أنه يمكننا أيضًا تحديد الألوان بالنقر فوق مربعات الألوان الصغيرة المميزة باللون الأحمر. بينما يمثل المربع الأصفر مؤشرًا يتغير تدريجيًا لرؤية لون العنصر المحدد:
الخطوة 7: ضبط عتامة اللون
يمكنك أيضًا ضبط عتامة اللون كما هو موضح في GIF أدناه:
الطريقة 2: ابحث عن رمز اللون في HTML باستخدام ميزة Eye Dropper
يمكن أيضًا استخدام ميزة Eye Dropper لاختيار أي لون من صفحة الويب. هذه الميزة مفيدة للغاية حيث يمكنها تحديد لون من أي مكان في النافذة المعروضة.
ملحوظة: يتم تمثيل ميزة قطارة العين بالمربع المظلل باللون الأحمر في الصورة أدناه:
فيما يلي عرض توضيحي لعمل أداة قطارة العين:
بعد تحديد لون العنصر الخاص بك ، انسخ رمز اللون والصقه في CSS لمشروعك.
استنتاج
توجد طرق مختلفة لتطبيق الألوان على عناصر HTML: RGB و RGBA و HEX Code و HSLA و HSL. يمكنك العثور على رموز الألوان من خلال ' التفتيش 'أي صفحة ويب أو عن طريق اختيار الألوان من' أداة انتقاء اللون 'واستخدام' قطارة العين ' خاصية. توضح هذه المقالة الإجراء الخاص بإيجاد رموز الألوان في HTML مع أمثلة مفصلة.