يعد لون النص في تصميم المستندات وصفحات الويب جزءا لا يتجزأ من التصميم. يلعب دورا مهما في خلق جو ونقل المعلومات. يفكر الكثير من الناس في كيفية تغيير لون النص وإعطائه ظلا خاصا. في هذه المقالة ، سنلقي نظرة على نصائح مفيدة لتغيير لون النص إلى اللون الرمادي.
يحظى اللون الرمادي بشعبية كبيرة في التصميم نظرا لحياده وقدرته على الاندماج مع ظلال مختلفة. يمكن أن تضيف الإيجاز والأناقة إلى مستند أو صفحة ويب. لتغيير لون النص إلى اللون الرمادي ، يمكنك استخدام أساليب وأدوات مختلفة ، بدءا من قواعد كس بسيطة لمحرري الرسومات المعقدة. في هذه المقالة ، سنلقي نظرة على بعض الطرق البسيطة وبأسعار معقولة لمساعدتك على تغيير لون النص إلى اللون الرمادي.
واحدة من أسهل الطرق لتغيير لون النص إلى اللون الرمادي هو استخدام قاعدة لون كس. فقط إضافة هذا الخط إلى طريقتك وتحديد الظل المطلوب من الرمادي. على سبيل المثال ، لجعل النص رماديا ، استخدم قيمة اللون: # 808080;
يمكن أن يكون تغيير لون النص إلى اللون الرمادي مفيدا في تصميم المستندات المختلفة وصفحات الويب والعروض التقديمية والمشاريع الأخرى. ولكن تذكر أن اختيار اللون يجب أن يكون متناغما ومتسقا مع النمط العام وأهداف المشروع. جرب ظلال اللون الرمادي ، واستخدم طرقا وأدوات مختلفة لتحقيق النتيجة المرجوة.
في هذه المقالة ، قمنا بمراجعة بعض النصائح المفيدة لتغيير لون النص إلى اللون الرمادي. اللون الرمادي مناسب لمختلف المستندات وصفحات الويب ، ويمكن استخدامه لمنحهم الإيجاز والأناقة. استخدم قواعد كس ومحرري الصور وأدوات أخرى لتغيير لون النص إلى اللون الرمادي وإنشاء نمط خاص لمشاريعك.
- كيفية الحصول على لون نص رمادي: نصائح مفيدة
- تغيير لون النص باستخدام كس
- باستخدام علامة هتمل" سبان " لتغيير لون النص
- إضافة نمط كس مضمن لتغيير لون النص
- استخدام فئة كس لتغيير لون النص
- تغيير لون النص باستخدام جافا سكريبت
- استخدام الإضافات والمكتبات لتغيير لون النص
كيفية الحصول على لون نص رمادي: نصائح مفيدة
هناك عدة طرق يمكنك من خلالها الحصول على اللون الرمادي للنص على صفحة الويب. دعونا نلقي نظرة على بعضها أدناه:
- .
- بالإضافة إلى ذلك ، هناك طرق أخرى لتخصيص لون النص ، على سبيل المثال ، باستخدام جافا سكريبت. ومع ذلك ، كس وأنماط مضمنة هي الخيارات الأكثر استخداما وأسهل للنص الرمادي على صفحة ويب.
تغيير لون النص باستخدام كس
لتغيير لون النص باستخدام كس ، تحتاج أولا إلى تحديد العنصر المطلوب الذي تريد تغيير لون النص. يمكن أن تكون فقرة أو عنوانا أو رابطا أو أي عنصر آخر على صفحة الويب.
بعد ذلك ، استخدم خاصية "اللون" لتعيين لون النص. على سبيل المثال ، لتعيين لون النص إلى اللون الرمادي ، استخدم القيمة "رمادي" أو تمثيلها السداسي العشري "#808080". اعتمادا على تفضيلاتك ، يمكنك اختيار لون مختلف.
مثال على استخدام كس لتغيير لون النص:
أتش تي أم أل:
- نموذج النص
المغلق:
- # بلدي النص { اللون: رمادي؛}
في هذا المثال ، اخترنا عنصر مع معرف" بلدي النص " (في هذه الحالة ، فقرة) وتعيينه إلى لون النص الرمادي باستخدام كس.
يمكنك أيضا استخدام طرق أخرى لتحديد لون النص في كس ، مثل استخدام الكلمات الرئيسية ("أحمر" ، "أزرق" ، "أخضر" ، إلخ.) ، باستخدام قيم ربغ ("رغب(255, 0, 0)"), باستخدام قيم هسل ("هسل(0, 100%, 50%)") وغيرها.
باستخدام كس ، يمكنك بسهولة تغيير لون النص على صفحة الويب الخاصة بك لتتناسب مع تفضيلات التصميم الخاص بك.
باستخدام علامة هتمل" سبان " لتغيير لون النص
لتغيير لون النص باستخدام علامة الامتداد ، استخدم سمة النمط. يجب أن تحتوي قيمة هذه السمة على قاعدة كس لتغيير لون النص. على سبيل المثال ، لتغيير لون النص إلى اللون الرمادي ، يمكننا استخدام قاعدة كس التالية: "اللون: رمادي؛".
يتم تطبيق القاعدة على علامة الامتداد على النحو التالي:
هذا نص رمادي
نتيجة لهذا الرمز ، سيتم عرض النص "هذا نص رمادي" على الشاشة ، وسيتم عرض كلمة "رمادي" فقط باللون الرمادي.
يمكن استخدام علامة الامتداد ليس فقط لتغيير لون النص ، ولكن أيضا للتغييرات الأخرى في مظهره. على سبيل المثال ، يمكنك استخدام هذه العلامة لتعيين حجم الخط أو تطبيق تأثيرات مثل التسطير أو يتوسطه خط على النص.
ونتيجة لذلك ، فإن استخدام علامة أتش تي أم أل سبان مع سمة النمط يسمح لنا بسهولة وببساطة تغيير لون النص على صفحة الويب. هذه العلامة رائعة للحالات التي نحتاج فيها إلى تغيير جزء فقط من النص دون التأثير على بقية العناصر في الصفحة.
إضافة نمط كس مضمن لتغيير لون النص
في مستندات هتمل ، يمكنك استخدام أنماط كس المضمنة لتغيير لون النص. للقيام بذلك ، استخدم
على سبيل المثال ، لتغيير لون النص إلى اللون الرمادي ، تحتاج إلى إضافة نمط إلى
كود أتش تي أم أل
| النتيجة | النص |
|---|---|
| في هذا المثال ، يتم استخدام العلامة |
وبالتالي ، فإن استخدام نمط كس المدمج يجعل من السهل تغيير لون النص إلى اللون الرمادي في مستند هتمل.
استخدام فئة كس لتغيير لون النص
لتغيير لون النص إلى اللون الرمادي ، يمكننا استخدام فئات كس. تسمح لك فئات كس بتعيين مجموعة من خصائص النمط وتطبيقها على عناصر مختلفة على صفحة ويب.
بادئ ذي بدء ، يمكننا إنشاء فئة جديدة في ملف كس أو إضافته مباشرة إلى العلامة
في ملف كس أو في علامة
внутри раздела веб-страницы. Класс можно назвать, к примеру, "gray-text". мы определяем класс следующим образом:.رمادي-نص {اللون: رمادي;
}
بعد تحديد الفصل ، يمكننا تطبيقه على أي عنصر في صفحة الويب عن طريق إضافة سمة الفصل بالقيمة "نص رمادي". على سبيل المثال:
هذا نص رمادي
الآن سيتم عرض النص داخل العلامة باللون الرمادي. يمكنك أيضا تطبيق الفئة على عناصر أخرى ، مثل الرؤوس أو الروابط أو العلامات.
بعد تحديد العنصر ، يمكنك تعيين لون جديد عن طريق تعيين قيمة للنمط.خاصية اللون. على سبيل المثال ، لتغيير لون النص إلى اللون الرمادي ، يمكنك استخدام التعليمات البرمجية التالية:
// تحديد عنصر باستخدام طريقة جيتليمنتبيد
عنصر فار = وثيقة.جيتليمينتبيد ('مياليمنت');
أيضا ، يمكن تعيين لون النص باستخدام رغب ، وتحديد القيم للقنوات الحمراء والخضراء والزرقاء. على سبيل المثال ، بالنسبة للون الرمادي ، يمكنك استخدام الكود التالي:
// حدد عنصرا
عنصر فار = وثيقة.جيتليمينتبيد ('مياليمنت');
// تعيين لون نص جديد باستخدام رغب
عنصر.أسلوب.اللون = ' رغب (128 ، 128 ، 128)';
- في هذا المثال ، تكون قيم كل قناة (أحمر ، أخضر ، أزرق) 128 ، وهو ما يتوافق مع اللون الرمادي.
- وبالتالي ، تسمح لك جافا سكريبت بتغيير لون النص ديناميكيا على صفحة الويب. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، عند إنشاء عناصر تفاعلية أو عند تغيير مظهر الصفحة اعتمادا على أحداث معينة.
- استخدام الإضافات والمكتبات لتغيير لون النص
كبديل لأدوات كس القياسية ، يمكنك استخدام مختلف الإضافات والمكتبات لتغيير لون النص. توفر هذه الأدوات ميزات وقدرات إضافية لإنشاء تصميم جميل وفريد من نوعه.
فيما يلي بعض المكونات الإضافية والمكتبات الشائعة التي يمكن أن تساعدك في تغيير لون النص إلى اللون الرمادي: