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