सीएसएस फ़िल्टर जनरेटर दृश्य नियंत्रण के साथ धुंधलापन, चमक, कंट्रास्ट और अधिक जैसे सीएसएस फिल्टर प्रभाव लागू करें।
सीएसएस फ़िल्टर जनरेटर
दृश्य नियंत्रण के साथ धुंधलापन, चमक, कंट्रास्ट और अधिक जैसे सीएसएस फिल्टर प्रभाव लागू करें।
फिल्टर मान समायोजित करें
ब्लर, चमक, कंट्रास्ट और अन्य फिल्टर प्रभावों को नियंत्रित करने के लिए स्लाइडर्स का उपयोग करें।
परिणाम का पूर्वावलोकन
वास्तविक समय में एक पूर्वावलोकन तत्व पर संयुक्त फिल्टर प्रभाव देखें।
सीएसएस की प्रतिलिपि बनाएं
सभी सक्रिय फिल्टर फ़ंक्शन के साथ उत्पन्न फ़िल्टर गुण की प्रतिलिपि बनाएं।
What Is सीएसएस फ़िल्टर जनरेटर?
सीएसएस फिल्टर जनरेटर सीएसएस फिल्टर फंक्शन्स के लिए दृश्य नियंत्रण प्रदान करता है: ब्लर, ब्राइटनेस, कंट्रास्ट, ग्रेस्केल, ह्यू-रोटेट, इनवर्ट, ओपेसिटी, सेचुरेट, और सेपिया। सीएसएस फिल्टर तत्वों पर ग्राफिकल प्रभाव लागू करते हैं, जो इमेज एडिटिंग सॉफ़्टवेयर के समान है। यह टूल आपको कई फिल्टर फंक्शन्स को मिलाकर उनका संयुक्त प्रभाव देखने की अनुमति देता है और एक पूर्वावलोकन तत्व पर वास्तविक समय में दिखाता है। केवल सक्रिय फिल्टर (जिन्हें अपने डिफ़ॉल्ट मान से बदला गया है) उत्पन्न सीएसएस में शामिल किए जाते हैं, जिससे कोड साफ रहता है। फिल्टर गुण छवि प्रभावों, होवर राज्य उन्नयन, पृष्ठभूमि उपचार, और अक्षम/लोडिंग राज्य शैली के लिए व्यापक रूप से उपयोग किया जाता है। एक रीसेट बटन सभी मानों को उनके डिफ़ॉल्ट मान पर बहाल करता है ताकि प्रयोग करना आसान हो।
Why Use सीएसएस फ़िल्टर जनरेटर?
-
दृश्य स्लाइडर्स के साथ उपलब्ध सभी नौ सीएसएस फिल्टर फ़ंक्शन
-
स्वच्छ कोड के लिए उत्पन्न सीएसएस में केवल सक्रिय फ़िल्टर शामिल हैं
-
वास्तविक समय पूर्वावलोकन सभी सक्रिय फ़िल्टरों का संयुक्त प्रभाव दिखाता है
-
एक-क्लिक रीसेट सभी मानों को डिफ़ॉल्ट पर लौटाता है, जिससे प्रयोग करना आसान हो जाता है
Common Use Cases
छवि प्रभाव
केवल सीएसएस के साथ छवियों पर इंस्टाग्राम-जैसे फिल्टर लागू करें।
हॉवर उन्नति
चमक और कंट्रास्ट में बदलाव के साथ इंटरैक्टिव हॉवर प्रभाव बनाएं।
निष्क्रिय राज्य
ग्रेस्केल और अपारदर्शिता का उपयोग करके निष्क्रिय या निष्क्रिय तत्वों को इंगित करें।
पृष्ठभूमि उपचार
पाठ ओवरले पठनीयता के लिए पृष्ठभूमि छवियों पर ब्लर और चमक लागू करें।
Technical Guide
सीएसएस फिल्टर गुण एक या अधिक फिल्टर फंक्शन्स को स्वीकार करता है जो रिक्त स्थान द्वारा अलग किए गए हैं। प्रत्येक फंक्शन एक विशिष्ट मान लेता है: ब्लर() पिक्सेल स्वीकार करता है, ब्राइटनेस() और कंट्रास्ट() प्रतिशत (100% सामान्य) स्वीकार करते हैं, ग्रेस्केल() ग्रे में परिवर्तित करता है (0-100%), ह्यू-रोटेट() रंग स्पेक्ट्रम को बदलता है (0-360deg), इनवर्ट() रंगों को उलटता है (0-100%), ओपेसिटी() पारदर्शिता को नियंत्रित करता है (0-100%), सेचुरेट() रंग तीव्रता को समायोजित करता है (100% सामान्य), और सेपिया() एक गर्म टोन लागू करता है (0-100%)। कई फिल्टर उनके अनुक्रम में लागू किए जाते हैं - क्रम अंतिम परिणाम को प्रभावित कर सकता है। प्रदर्शन के लिए, फिल्टर एक नया स्टैकिंग संदर्भ ट्रिगर करता है और रीपेंटिंग का कारण बन सकता है। एनिमेटिंग करते समय विल-चेंज: फिल्टर का उपयोग करें। ड्रॉप-शैडो() फिल्टर फंक्शन बॉक्स-शैडो का एक विकल्प है जो तत्व के अल्फा चैनल का अनुसरण करता है, जो पारदर्शी पीएनजी और एसवीजी के साथ अच्छी तरह से काम करता है।
Tips & Best Practices
-
1सूक्ष्म, प्राकृतिक प्रभावों के लिए चमक और कंट्रास्ट को 100% के करीब रखें
-
2हॉवर के साथ ग्रेस्केल को मिलाकर रंग-उजागर इंटरैक्शन बनाएं
-
3रंग योजना भिन्नताओं के लिए ह्यू-रोटेट का उपयोग करें
-
4पाठ की पठनीयता में सुधार के लिए पाठ के पीछे पृष्ठभूमि छवियों पर ब्लर लागू करें
Related Tools
सीएसएस ग्रेडिएंट जनरेटर
एकाधिक रंग स्टॉप और कोण नियंत्रण के साथ सुंदर लीनियर, रेडियल और कोनिक सीएसएस ग्रेडिएंट बनाएं।
🎨 CSS & Design
सीएसएस ट्रांसफ़ॉर्म प्लेग्राउंड
सीएसएस ट्रांसफ़ॉर्म के साथ प्रयोग करें, जिसमें घुमाना, स्केल करना, तिरछा करना और अनुवाद करना शामिल है, जिसमें 3डी परिप्रेक्ष्य भी शामिल है।
🎨 CSS & Design
सीएसएस एनिमेशन जनरेटर
प्रीसेट प्रभावों और अनुकूलन योग्य समय के साथ सीएसएस कीफ़्रेम एनिमेशन बनाएं।
🎨 CSS & Design
सीएसएस ट्रांज़िशन जनरेटर
कस्टमाइज़ करने योग्य प्रॉपर्टी, अवधि, ईजिंग, और होवर प्रभावों के साथ सीएसएस ट्रांज़िशन बनाएं।
🎨 CSS & DesignFrequently Asked Questions
Q क्या फिल्टर का क्रम महत्वपूर्ण है?
Q क्या मैं सीएसएस फिल्टर को एनिमेट कर सकता हूँ?
Q क्या फिल्टर बच्चे तत्वों पर प्रभाव डालते हैं?
Q सीएसएस फ़िल्टर का प्रदर्शन प्रभाव क्या है?
Q क्या मैं पाठ पर फिल्टर का उपयोग कर सकता हूँ?
About This Tool
सीएसएस फ़िल्टर जनरेटर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.