CSS Filter Generator

أداة فلاتر صور CSS مجانية عبر الإنترنت. اعرض تأثيرات الفلتر في الوقت الفعلي وأنشئ كود CSS بنقرة واحدة. تدعم 10 معلمات فلتر، 10 إعدادات مسبقة، سحب وإعادة ترتيب، معاينة متعددة الصور، تراجع/إعادة والمزيد.

Ctrl+Z تراجع Ctrl+Shift+Z إعادة Ctrl+H مقارنة بالتمرير Ctrl+R إعادة تعيين Ctrl+C نسخ الكود
🖼 مصدر الصورة
صور نموذجية
📁
انقر للرفع أو اسحب الصورة هنا
يدعم JPG / PNG / WebP، استخدم Ctrl+V للصق
من URL
معاينة متعددة (الحد الأقصى 3)
🎭 معلمات الفلتر (اسحب لإعادة الترتيب | تشغيل/إيقاف)
🎨 إعدادات الفلتر المسبقة
🎵 تأثير التراكب
🌈 محول فلتر الألوان
💾 إدارة المخططات المخصصة
وضع المقارنة: جنبًا إلى جنب
الأصلي Original
بعد الفلتر Filtered
filter: property

ما هو مولد فلاتر CSS عبر الإنترنت؟

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

الميزات الرئيسية

  • 10 معلمات فلتر — التمويه، السطوع، التباين، التدرج الرمادي، تدوير hue، العكس، الشفافية، التشبع، السيبيا، الظل المسقط (مع دعم X/Y/التمويه/اللون)
  • 10 إعدادات مسبقة — كلاسيكي، أبيض وأسود، منعش، درجات باردة، درجات دافئة، سيبيا، فيلم، تباين عالي، تبييض، لومو
  • سحب وإعادة ترتيب — اسحب عناصر الفلتر لضبط ترتيب التطبيق، مع تشغيل/إيقاف فردي
  • ثلاثة أوضاع مقارنة — جنبًا إلى جنب، مقارنة منزلقة (اسحب الفاصل)، مقارنة بالتراكب (تمرير للكشف عن الأصل)
  • معاينة متعددة الصور — حمل حتى 3 صور في وقت واحد، طبق الفلاتر بشكل موحد
  • تراجع/إعادة — يدعم 20 خطوة سابقة، Ctrl+Z / Ctrl+Shift+Z
  • محول فلتر الألوان — أدخل ألوان المصدر والهدف لحساب قيم الفلتر التقريبية
  • إدارة المخططات المخصصة — حفظ/تحميل/حذف مخططات الفلتر المخصصة في التخزين المحلي للمتصفح
  • مشاركة رابط URL — شارك إعدادات الفلتر الحالية عبر معلمات URL
  • تنزيل PNG — تصدير الصورة بعد الفلتر بصيغة PNG

حماية الخصوصية

جميع معالجة الصور تتم بالكامل في متصفحك. لا يتم رفع أي صور إلى أي خادم. استخدم بثقة.

نصيحة: استخدم Ctrl+Z/Ctrl+Shift+Z للتراجع/الإعادة، Ctrl+H لتبديل المقارنة بالتمرير، Ctrl+R لإعادة تعيين جميع الفلاتر، Ctrl+C لنسخ كود CSS.