الانتقال إلى المحتوى الرئيسي

كيفية معرفة لون الخط: نصائح وتعليمات مفيدة

  • المهندسة بنان المرازيق
  • الأسئلة

لون الخط هو أحد الجوانب المهمة في تصميم الويب. كقاعدة عامة ، يجب اختيار لون النص مع مراعاة الخلفية ونظام الألوان العام للموقع. ومع ذلك ، في بعض الأحيان يصبح من الضروري معرفة لون الخط الدقيق ، خاصة إذا كنت تخطط لاستخدامه في مشروعك أو تكييف النص مع تفضيلاتك.

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

هناك طريقة أخرى لمعرفة لون الخط وهي استخدام الرمز. يمكن لمطوري الويب فحص رمز كس للصفحة والعثور على السطر المناسب الذي يحتوي على معلومات حول لون النص. هذا هو عادة خاصية كس تسمى"اللون". للعثور على رمز لون الخط ، تحقق من القيمة بعد النقطتين في السطر "اللون: [قيمة اللون]".

إذا كنت ترغب في معرفة لون الخط في صورة أو صورة ، يمكنك استخدام أدوات خاصة عبر الإنترنت. إنها تسمح لك بتحميل صورتك وتحديد لون الخط ليس فقط ، ولكن أيضا للعناصر الأخرى في الصورة.

بغض النظر عن الطريقة التي تختارها ، فإن معرفة لون الخط مهمة بسيطة ومفيدة ستساعدك على تحسين تصميم موقع الويب الخاص بك أو تكييف النص لمشروعك.

  1. التحضير للعمل
  2. باستخدام مفتش العنصر
  3. التحقق من الألوان في برامج تحرير الرسوم
  4. العمل مع التعليمات البرمجية
  5. أدوات وموارد إضافية

التحضير للعمل

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

.

.

بمجرد تعيين لون الخط ، يمكنك حفظ الملف وفتحه في أي متصفح ويب لرؤية النتيجة. إذا لم يتغير اللون ، فتأكد من إدخال اسم اللون بشكل صحيح أو استخدام قيمة الرمز السداسي العشري الصحيح للون.

وبالتالي ، بعد إعداد رمز صفحة هتمل وتحديد العنصر الذي تحتاج إلى تغيير لون الخط ، ستكون جاهزا لدراسة أكثر تفصيلا لطرق تحديد لون الخط في المواقف المختلفة. يمكنك الآن بدء مهام أكثر تعقيدا وإنشاء صفحات ويب أنيقة وفريدة من نوعها بخط ملون.

باستخدام مفتش العنصر

لاستخدام مفتش العنصر ، اتبع الإرشادات أدناه:

  1. افتح الصفحة التي تريد معرفة لون الخط فيها.
  2. انقر بزر الماوس الأيمن فوق العنصر المطلوب (على سبيل المثال ، النص) الذي تريد تحليله.
  3. في قائمة السياق التي تظهر ، حدد خيار" فحص العنصر " أو خيار مشابه (قد يختلف الاسم حسب المتصفح الذي تستخدمه).
  4. في مفتش العنصر الذي يفتح ، سترى رمز هتمل للعنصر المحدد وأنماطه في الجزء الأيسر.
  5. في الأنماط ، ابحث عن خاصية" اللون " التي تحدد لون الخط. تشير قيمة هذه الخاصية إلى لون الخط الحالي.

يسمح لك مفتش العناصر أيضا بتغيير قيم النمط مباشرة أثناء التحليل ، والتي يمكن أن تكون مفيدة للتحقق من خيارات الألوان المختلفة. ومع ذلك ، ضع في اعتبارك أن التغييرات التي تم إجراؤها في مفتش العناصر لا يتم حفظها على صفحة الويب نفسها ويتم تطبيقها مؤقتا فقط.

وهكذا ، وذلك باستخدام عنصر المفتش يسمح لك بسهولة وبسرعة معرفة لون الخط على صفحة ويب ، والتي يمكن أن تكون مفيدة في تطوير التصميم والتحليل.

التحقق من اللون في برامج تحرير الرسوم

إذا كنت تريد معرفة لون الخط على صورة ما ، فهناك عدة طرق لاستخدام برامج تحرير الصور.

  • أدوبي فوتوشوب: افتح الصورة في فوتوشوب. حدد أداة القطارة. وجه القطارة إلى الخط لتحديد لون. ثم انقر بزر الماوس الأيمن على اللون المحدد في لوحة الأدوات. في قائمة السياق ، حدد"رمز اللون". سيتم عرض القيمة السداسية العشرية للون الخط هنا.
  • IM: افتح الصورة في الأعرج... حدد أداة القطارة. وجه القطارة إلى الخط لتحديد لون. Value يتم عرض قيمة لون الخط السداسي العشري في الجزء السفلي من نافذة الأعرج.
  • Paint.NET : افتح الصورة في Paint.NET . حدد الخط باستخدام أداة تحديد اللون. انقر بزر الماوس الأيمن في المنطقة المميزة وحدد"معلومات اللون". يتم عرض القيمة السداسية العشرية للون الخط هنا.

باستخدام هذه التعليمات ، يمكنك تحديد لون الخط على صورة بسرعة وسهولة في العديد من برامج تحرير الرسوم.

العمل مع الكود

من أجل معرفة لون الخط في هتمل ، يجب عليك فتح رمز صفحة الويب التي يوجد عليها العنصر مع الخط المطلوب. يمكن القيام بذلك عن طريق النقر بزر الماوس الأيمن على عنصر وتحديد "استكشاف العنصر" أو "فحص" في قائمة السياق.

في أداة المطور التي تفتح ، تحتاج إلى العثور على سمة العنصر المسؤول عن لون الخط. عادة ما تكون هذه الخاصية "اللون" في أنماط العناصر أو فئة كس. لمعرفة لون الخط الدقيق ، يمكنك استخدام أدوات مفتش المتصفح.

إذا لم تكن معتادا على تطوير صفحة الويب أو لا ترغب في استخدام أدوات المطور ، فيمكنك أيضا الاتصال بالمطور أو مسؤول موقع الويب لمعرفة لون الخط.

أدوات وموارد إضافية

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

لوحة ألوان المتصفح

تقدم العديد من المتصفحات الحديثة ، مثل جوجل كروم وفايرفوكس وسفاري ، أدوات للمطورين حيث يمكنك العثور على معلومات حول الألوان على صفحة الويب. لاستخدام هذه الميزة ، افتح أدوات المطور ، وحدد أداة تحديد اللون ، وانقر على عنصر الخط الذي تريد معرفة اللون الخاص به. سيعرض لك المتصفح قيم الألوان بتنسيقات مختلفة ، بما في ذلك الكود السداسي العشري.

أدوات عبر الإنترنت لتحليل الألوان

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

سيساعدك استخدام هذه الأدوات والموارد الإضافية على تحديد ألوان الخط على صفحة الويب بدقة أكبر.