مولد مرشحات CSS

كيفية استخدام مولد مرشحات CSS

مولد مرشحات CSS. اضبط المرشحات وقارن المعاينة مع CSS المُنشأ.

1. غيّر الألوان أو النص أو الأرقام أعلاه.
2. قارن المعاينة أثناء ضبط الإعدادات.
3. انسخ النتيجة أو نزّلها على جهازك.

مولد مرشحات CSS · مثال

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

ملاحظات الاستخدام

تُعالج الملفات والمدخلات داخل هذا المتصفح، دون رفعها أو إنشاء حساب.