تصميم الويب هو فن الجمع بين العناصر المختلفة لإنشاء مظهر موقع فريد وجذاب. أحد عناصر التصميم الرئيسية هو لون الخط. يمكن أن يؤثر لون الخط المختار جيدا بشكل كبير على الإدراك والتأثير العاطفي على المستخدم.
في بعض الأحيان ، عند تصميم صفحة ويب أو تحريرها ، قد ترغب في استخدام لون الخط الذي تم استخدامه لتزيين النص في مكان آخر. ولكن كيف يمكنني معرفة قيمة محددة من لون الخط ونسخه?
في هذه المقالة ، سنلقي نظرة على دليل المبتدئين البسيط الذي سيساعدك على نسخ لون خط صفحة الويب. سنعرض لك عدة طرق ، بما في ذلك استخدام أدوات مطور متصفح الويب وخدمات اختيار الألوان عبر الإنترنت.
ملاحظة: قبل البدء ، تأكد من تثبيت متصفح ويب حديث ، مثل جوجل كروم أو موزيلا فايرفوكس. قد تختلف هذه التعليمات اعتمادا على المتصفح المحدد.
- افتح صفحة الويب الخاصة بمطور الويب
- استخدم أداة القطارة في مفتش العنصر
- العثور على اللون في رمز كس
- نسخ رمز اللون واستخدامه
افتح صفحة الويب الخاصة بمطور الويب
لنسخ لون الخط من صفحة ويب ، يمكنك استخدام مطور الويب ، والذي يتوفر في معظم المتصفحات الحديثة. المطور على شبكة الإنترنت يسمح لك لعرض وتحرير التعليمات البرمجية من صفحة ويب.
لفتح صفحة الويب الخاصة بمطور الويب ، استخدم إحدى الطرق التالية:
| جوجل كروم | انقر بزر الماوس الأيمن على عنصر الصفحة وحدد استكشاف. |
| موزيلا فايرفوكس | انقر بزر الماوس الأيمن على عنصر الصفحة وحدد"فحص العنصر". |
| مايكروسوفت إيدج | انقر بزر الماوس الأيمن على عنصر الصفحة وحدد استكشاف. |
| سفاري | افتح قائمة التفضيلات ، وانتقل إلى علامة التبويب الإضافات وقم بتمكين قائمة المطور في أسفل النافذة. ثم ، في قائمة" التطوير "، حدد"فتح مطور الويب". |
بعد فتح صفحة ويب مطور الويب ، سترى شريط أدوات يتكون من علامات تبويب مختلفة مثل "العنصر" و "الأنماط" و "المصادر" وغيرها. لنسخ لون الخط ، انتقل إلى علامة التبويب الأنماط.
استخدم أداة القطارة في مفتش العنصر
إذا كنت ترغب في نسخ لون الخط من صفحة ويب ، يمكنك استخدام أداة القطارة في عنصر المفتش ، والتي يتم توفيرها من قبل متصفحات الويب.
لاستخدام هذه الأداة ، اتبع الخطوات التالية:
- انقر بزر الماوس الأيمن على النص الذي تريد نسخ لونه.
- حدد" فحص العنصر "أو"عرض رمز العنصر".
- في مفتش العنصر الذي يفتح ، ابحث عن محدد كس المناسب للنص الذي تريد نسخ لون الخط منه.
- انقر بزر الماوس الأيمن على محدد كس وحدد" نسخ قيمة الخاصية كس "أو"نسخ محدد كس".
بعد الانتهاء من هذه الخطوات ، ستتمكن من لصق رمز كس المنسوخ في التطبيق أو محرر التعليمات البرمجية واستخدام لون الخط الذي نسخته.
يرجى ملاحظة أن أداة القطارة غالبا ما تكون متاحة فقط في وضع المطور أو مجموعة أدوات مطور المتصفح.
باستخدام أداة القطارة في مفتش العنصر ، يمكنك بسهولة نسخ لون الخط المطلوب من صفحة ويب واستخدامه في مشاريعك.
العثور على اللون في رمز كس
يمكن تحديد لون الخط في رمز كس باستخدام قيم مختلفة. للعثور على لون الخط ، تحتاج إلى فحص رمز كس من موقع الويب الخاص بك أو تطبيق ويب.
1. افتح رمز صفحة الويب الخاصة بك في محرر نصوص أو في أداة مطور المتصفح.
2. ابحث عن قاعدة كس التي تحدد نمط الخط للعنصر الذي تحتاجه. يمكن أن يكون هذا عادة محدد نوع العنصر (على سبيل المثال ، "ص" للفقرات) أو فئة عنصر/معرف (على سبيل المثال،".
3. في قاعدة كس ، ابحث عن خاصية" اللون "أو" لون الخط". تحدد هذه الخاصية لون الخط للعنصر المحدد.
4. يمكن تحديد قيمة خاصية "اللون" بتنسيقات مختلفة. على سبيل المثال ، يمكن أن يكون اسم اللون باللغة الإنجليزية (على سبيل المثال ، "الأحمر" للأحمر) أو قيمة رغب (على سبيل المثال ، "رغب(255 ، 0 ، 0)" للأحمر).
5. قم بتمييز ونسخ قيمة اللون من رمز كس.
الآن لديك قيمة لون الخط التي يمكنك استخدامها في أي مكان آخر لتحقيق مظهر مرئي ثابت على موقع الويب الخاص بك أو تطبيق الويب.
نسخ رمز اللون واستخدامه
إذا وجدت لون خط يناسبك وتريد استخدامه على موقع الويب الخاص بك أو في محرر نصوص ، فستحتاج إلى رمز لون. رمز اللون هو مزيج من الأرقام و/أو الحروف التي تحدد اللون بدقة.
لنسخ رمز اللون ، ببساطة تحديده مع الماوس ونسخه إلى الحافظة. ثم يمكنك لصقه في رمز هتمل الخاص بك أو استخدامه في البرامج الأخرى التي تدعم العمل مع الألوان.
عند إدراج رمز اللون في رمز هتمل الخاص بك ، استخدمه بالتنسيق التالي:
مثال على النص مع لون الخط
في هذا المثال ، #ف 0000 هو رمز اللون الأحمر. إذا كنت ترغب في استخدام لون مختلف ، فما عليك سوى استبدال هذا الرمز باللون الذي تحتاجه.
أيضا ، يمكنك استخدام الألوان المسماة ، والتي تمثلها الكلمات. على سبيل المثال:
مثال على النص مع لون الخط
عند استخدام لون مسمى ، يمكنك التأكد من أن المطورين الآخرين سيفهمون بالضبط اللون الذي تريد استخدامه ، لأن هذه الأسماء معروفة جيدا وتستخدم على نطاق واسع.
الآن بعد أن عرفت كيفية نسخ رمز اللون واستخدامه ، يمكنك بسهولة تعيين الألوان المطلوبة للنص الخاص بك وجعله أكثر تعبيرا.