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

0deg ऊपर की ओर इशारा करता है, इसलिए ग्रेडिएंट नीचे के किनारे से ऊपर जाता है। 90deg बाएं से दाएं चलता है, 180deg ऊपर से नीचे, और 270deg दाएं से बाएं। 360deg वही दिशा है जो 0deg की है। टूल आपके लिखे नंबर के साथ deg इकाई लिखता है।

दो पास-पास के स्टॉप को एक ही पोज़िशन दें। मिसाल के लिए, 50% पर लाल के बाद 50% पर नीला, आधे रास्ते पर बिना मिश्रण के रंग बदल देता है। Hard stripes प्रीसेट यही दिखाता है।

यह repeating-linear-gradient, repeating-radial-gradient या repeating-conic-gradient लिखता है। आपके पहले और आख़िरी स्टॉप के बीच का पैटर्न दोहराया जाता है, इसलिए वह तभी दिखता है जब आख़िरी स्टॉप 100% से पहले हो। धारियों के लिए 0%, 10% और 20% पर स्टॉप आज़माएं।

जो ब्राउज़र ग्रेडिएंट नहीं पढ़ सकता वह उस लाइन को अनदेखा करके पहले वाली रखता है। जो ब्राउज़र ग्रेडिएंट समर्थित करते हैं, जो लगभग सभी चलन में हैं, वे उसे ओवरराइड कर देते हैं। फ़ॉलबैक आपके पहले स्टॉप का रंग होता है।

जो भी आपके ब्राउज़र में CSS color प्रॉपर्टी मानती है: #1636a3, tomato, rgb(22 54 163), hsl(226 76% 36%) या oklch(0.5 0.2 260)। कुछ और लिखने पर एक संदेश दिखता है और आख़िरी सही ग्रेडिएंट स्क्रीन पर बना रहता है।

उसका हमेशा एक केंद्र होता है, और यह टूल उसे प्रतिशत में लिखता है, इसलिए 50% 50% बॉक्स का बीच है। शुरुआती एंगल तय करता है कि रंगों की स्वीप कहाँ से शुरू हो, ऊपर से घड़ी की दिशा में नापकर।