🎞️ مجموعة أدوات واحدة،
لكل مهمة تصميم

مولد فلاتر CSS

أنشئ تأثيرات بصرية مع CSS filter() — تمويه وسطوع وتباين وتدوير درجة اللون وسيبيا والمزيد. معاينة مباشرة على صورة نموذجية، وانسخ سلسلة الفلاتر كاملة فورًا.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🎞️ مولد فلاتر CSS

دليل فلاتر CSS

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

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

Pro Tips

Frequently Asked Questions

Q: ما دوال الفلتر في CSS؟ blur() وbrightnes
ما دوال الفلتر في CSS؟ blur() وbrightness() وcontrast() وgrayscale() وhue-rotate() وinvert() وopacity() وsaturate() وsepia() وdrop-shadow(). يمكنك ربط أي عدد في خاصية filter واحدة.
Q: هل فلتر CSS مسرع بالـGPU؟ نعم. معظم دوال
هل فلتر CSS مسرع بالـGPU؟ نعم. معظم دوال الفلتر تعمل على الـGPU وتتحرك بسرعة 60 إطارًا. blur() وdrop-shadow() هما الأثقل؛ استخدمهما باعتدال على العناصر الكبيرة.
Q: هل يؤثر الفلتر على التخطيط؟ لا. الفلاتر
هل يؤثر الفلتر على التخطيط؟ لا. الفلاتر بصرية بحتة — يحتفظ العنصر بحجمه وموقعه الأصليين في تدفق المستند. استخدم transform لتغيير الحجم.
Q: هل يمكن تحريك الفلاتر؟ نعم. حرك خاصية fi
هل يمكن تحريك الفلاتر؟ نعم. حرك خاصية filter مع transition أو keyframes. التحريك بين سلاسل فلتر مختلفة بنفس الطول يستكمل بسلاسة.
Q: كيف أجعل صورة رمادية وتتلون عند التمرير؟
كيف أجعل صورة رمادية وتتلون عند التمرير؟ استخدم حالتين: img { filter: grayscale(100%); transition: filter .4s; } وimg:hover { filter: grayscale(0); }. نمط كلاسيكي للمعارض.

ألوان الفن الإسلامي

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

لازوردي #26619C

لون حجر اللازورد المستخدم في الزخارف والمخطوطات

فيروزي #40D0C0

لون القيشاني الفارسي وقباب المساجد

زمردي #50C878

أخضر الزمرد في الزخارف النباتية

ذهبي #D4AF37

ذهب التذهيب في المخطوطات والقباب

نيلي #4B0082

صبغة النيلة التقليدية في المنسوجات

قرمزي #DC143C

الأحمر القاني في السجاد الشرقي

عاجي #FFFFF0

لون العاج في المنحوتات والأعمال اليدوية

كحلي #000080

الأزرق الداكن في الأزياء التقليدية

بنفسجي #800080

لون أزهار البنفسج في الحدائق الأندلسية

رملي #C2B280

لون رمال الصحراء والعمارة الطينية

Q: ما هي ألوان الزخرفة الإسلامية؟
ما هي ألوان الزخرفة الإسلامية؟ تعتمد الزخرفة الإسلامية على اللازوردي والفيروزي والذهبي بشكل أساسي، مستوحاة من أحجار كريمة كاللازورد والفيروز، وتظهر في الفسيفساء والقيشاني والمخطوطات المذهبة.
Q: ما هو اللون اللازوردي؟ اللازور
ما هو اللون اللازوردي؟ اللازوردي (#26619C) هو أزرق مستمد من حجر اللازورد الأفغاني، استخدم في تلوين المخطوطات والزخارف الإسلامية لقرون، وكان من أغلى الأصباغ في التاريخ.