सीएसएस रैखिक और रेडियल ग्रेडिएंट स्टूडियो

इंटरैक्टिव कोण डायल, रंग स्टॉप और प्रीसेट के साथ जीवंत रैखिक, रेडियल और बहु-रंग ग्रेडिएंट डिज़ाइन करें।

आपके ब्राउज़र में चलता है। आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं। जाँचने का तरीका देखें

…

कैसे करें

  1. 1
    चरण 1: सीएसएस रैखिक और रेडियल ग्रेडिएंट स्टूडियो खोलें और अपनी जानकारी डालें

    अपनी संख्याएँ या टेक्स्ट लिखें, फ़ाइल जोड़ें या ज़रूरी विकल्प चुनें। कुछ भी अपलोड नहीं होता: सब कुछ आपके ब्राउज़र में ही रहता है।

  2. 2
    चरण 2: सीएसएस रैखिक और रेडियल ग्रेडिएंट स्टूडियो क्या करता है

    इंटरैक्टिव कोण डायल, रंग स्टॉप और प्रीसेट के साथ जीवंत रैखिक, रेडियल और बहु-रंग ग्रेडिएंट डिज़ाइन करें।

  3. 3
    चरण 3: परिणाम देखें और मिलान करें

    परिणाम तुरंत दिखता है। एक मान बदलकर देखें कि उत्तर कैसे बदलता है, फिर अपने मामले के अनुसार सही आँकड़ा रखें।

  4. 4
    चरण 4: कॉपी या सेव करें

    परिणाम कॉपी करें या डाउनलोड करें। किसी ज़रूरी फ़ैसले से पहले आधिकारिक स्रोत या सलाहकार से पुष्टि कर लें।

इस टूल के बारे में

सरल यूआई पृष्ठभूमि को समृद्ध, बहुआयामी दृश्य अनुभवों में परिवर्तित करें। 3 अलग रंग स्टॉप अनुकूलित करें, 0 से 360 डिग्री तक रैखिक कोण अभिविन्यास समायोजित करें, या चिकनी परिपत्र रेडियल ढाल पर स्विच करें। त्वरित चयन डिजाइनर प्रीसेट और एक क्लिक सीएसएस निर्यात शामिल है।

बेहतर नतीजों के लिए सुझाव

शुरू करने से पहले विकल्प पढ़ लें और पहले किसी छोटे नमूने से टूल आज़माएँ। सब कुछ आपके अपने डिवाइस पर ब्राउज़र में चलता है, इसलिए आप जो लिखते या जोड़ते हैं वह अपलोड नहीं होता, और टैब बंद करने पर मिट जाता है। कुछ ठीक न लगे तो पेज रीलोड करके फिर कोशिश करें, या इस पेज के रिपोर्ट लिंक से हमें बताएँ कि क्या गड़बड़ हुई ताकि हम ठीक कर सकें। अगर नतीजा अब भी ग़लत लगे तो एक बार में एक मान बदलकर देखें कि कौन सा खाना सबसे ज़्यादा असर डालता है। अगर आपको यह टूल दोबारा चाहिए तो इस पेज को बुकमार्क कर लें।

मुख्य बातें

अक्सर पूछे जाने वाले सवाल

रैखिक और रेडियल ढाल में क्या अंतर है?

रैखिक ढाल एक निर्दिष्ट कोण पर सीधी रेखा के साथ रंगों को स्थानांतरित करती है, जबकि रेडियल ढाल एक फोकल केंद्र से बाहर की ओर परिपत्र रूप से विकिरण करते हैं।

क्या डिजाइनर ग्रेडिएंट पैलेट शामिल हैं?

हाँ. सनसेट (बैंगनी-गुलाबी-अम्बर), महासागर (सियान-नीला-निलगन) और साइबर (स्माराल्ड-नीला - बैंगनी) पूर्व निर्धारितों के बीच जल्दी से स्विच करें।

क्या उत्पन्न कोड पुराने ब्राउज़रों का समर्थन करता है?

Yes. Standard W3C `linear-gradient` and `radial-gradient` syntax is universally supported across all modern mobile and desktop browsers.

क्या मैं इन ग्रेडिएंट्स का उपयोग टेक्स्ट भराव के लिए कर सकता हूँ?

Yes. Combine with `background-clip: text; -webkit-text-fill-color: transparent;` to create vibrant gradient typography.

पूरी तरह मुफ़्तकोई खर्च नहीं, साइन-अप नहीं
फ़ाइलें निजी रहती हैंसब कुछ आपके ब्राउज़र में चलता है
आपकी भाषा में आसानकई भाषाओं में उपलब्ध