UTILS.
निजता हमेशा पहले
▤

CSS Gradient जनरेटर

लाइव प्रीव्यू के साथ linear या radial ग्रेडिएंट बनाएँ और CSS कॉपी करें।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

एक पूरा उदाहरण आज़माएँ

उदाहरण

लीनियर प्रकार चुनें, कोण 135 और रंग #ff7e5f तथा #feb47b रखें। CSS है background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);। पहले स्टॉप को 20 पर ले जाने से बॉक्स के पहले 20% में पहला रंग ठोस रहता है।

ध्यान रखें

0deg ऊपर और 90deg दाईं ओर इशारा करता है, इसलिए 135deg ऊपरी बाएँ कोने से निचले दाएँ कोने तक जाता है। अगर ग्रेडिएंट पर टेक्स्ट है, तो दोनों सिरों के रंगों से उसका कंट्रास्ट जाँचें।

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

रंग, स्थिति और कोण चुनकर दो-रंग का linear या radial ग्रेडिएंट बनाएँ, फिर background नियम को कॉपी करें। लाइव प्रीव्यू पूरी तरह आपके ब्राउज़र में चलता है।

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

Linear ग्रेडिएंट में कोण क्या है?
कोण रंग संक्रमण की दिशा तय करता है: 0° ऊपर की ओर, 90° दाईं ओर, 180° नीचे की ओर, इत्यादि।
Linear के बजाय radial का उपयोग कब करूँ?
किसी केंद्र बिंदु से रंगों को बाहर की ओर फैलाने के लिए radial का उपयोग करें (स्पॉटलाइट जैसा); linear उन्हें एक सीधी रेखा के साथ मिश्रित करता है।

और टूल