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