हाल में उपयोग किए गए

    कोई टूल खोलें, वह यहाँ दिखाई देगा।

    CSS ग्रेडिएंट जनरेटर

    पूर्वावलोकन के साथ सुंदर CSS ग्रेडिएंट बनाएँ

    इस टूल को शेयर करें

    समस्या की रिपोर्ट करें

    निजी इनपुट या फ़ाइलें शामिल किए बिना समस्या का वर्णन करें।

    यह टूल कितना उपयोगी था?

    यह टूल कितना उपयोगी था?

    ग्रेडिएंट सेटिंग

    रंग स्टॉप

    रंग स्टॉप 1

    रंग स्टॉप 2

    प्रीसेट ग्रेडिएंट

    ग्रेडिएंट के सुझाव

    दिशा के साथ सहज रंग बदलाव के लिए लीनियर ग्रेडिएंट का उपयोग करें।

    स्पॉटलाइट या फ़ोकस प्रभाव बनाने के लिए रेडियल ग्रेडिएंट अच्छे रहते हैं।

    कोनिक ग्रेडिएंट कलर व्हील और कोणीय पैटर्न के लिए एकदम सही हैं।

    ग्रेडिएंट में रंगों का वितरण नियंत्रित करने के लिए रंग स्टॉप की स्थितियाँ बदलें।

    हल्के ग्रेडिएंट के लिए मिलते-जुलते रंग-रूप वाले रंग और गहरे प्रभाव के लिए विपरीत रंग चुनें।

    लाइव प्रीव्यू

    CSS शॉर्टहैंड

    background: linear-gradient(to right, #3B82F6 0%, #8B5CF6 100%);

    CSS प्रॉपर्टी

    background-image: linear-gradient(to right, #3B82F6 0%, #8B5CF6 100%);

    CSS क्लास

    .gradient-bg {
  background: linear-gradient(to right, #3B82F6 0%, #8B5CF6 100%);
}

    रंग और स्थितियाँ बदलें। काम करते समय प्रीव्यू अपडेट होता रहता है।

    CSS ग्रेडिएंट जनरेटर के बारे में

    हमारा मुफ़्त CSS ग्रेडिएंट जनरेटर किसी भी वेब प्रोजेक्ट के लिए सुंदर, सहज रंग संक्रमण बनाना आसान करता है। रंगों, स्थितियों, दिशाओं और कोणों पर पूरे नियंत्रण के साथ लीनियर ग्रेडिएंट, रेडियल ग्रेडिएंट और कोनिक ग्रेडिएंट बनाएँ, और साथ में रियल टाइम दृश्य प्रीव्यू पाएँ।

    चाहे आपको हल्की दो-रंग की पृष्ठभूमि चाहिए या जटिल बहु-स्टॉप ग्रेडिएंट, यह टूल सटीक स्थिति नियंत्रण के साथ 10 तक कलर स्टॉप देता है। Sunset, Ocean, Forest और Purple Rain जैसे प्रीसेट टेम्पलेट में से चुनें, या अपने डिज़ाइनों के लिए अनोखे ग्रेडिएंट रंग संयोजन खोजने हेतु रैंडम जनरेटर का उपयोग करें।

    जनरेटर तुरंत साफ़ CSS ग्रेडिएंट कोड बनाता है, जिसे आप एक क्लिक में कॉपी कर सकते हैं या PNG इमेज के रूप में डाउनलोड कर सकते हैं। background शॉर्टहैंड, background-image प्रॉपर्टी और उपयोग के लिए तैयार CSS क्लास सहित कई आउटपुट फ़ॉर्मैट मिलते हैं। सारी प्रोसेसिंग आपके ब्राउज़र में चलती है और किसी सर्वर पर अपलोड की आवश्यकता नहीं है।

    डिज़ाइन

    हाल ही में जोड़े गए

    सभी टूल

    गोपनीयता सेटिंग

    एनालिटिक्स, विज्ञापन और वैयक्तिकरण के लिए अपनी प्राथमिकताएँ चुनें। ज़रूरी स्टोरेज आपकी थीम और सहेजे गए टूल जैसी सुविधाओं को चालू रखता है।

    ज़रूरी स्टोरेज हमेशा चालू रहता है।