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

linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) हाथ से लिखना और उसे देखने के लिए पेज रीलोड करना एक धीमा लूप है। यह जनरेटर उसे बंद करता है: लीनियर, रेडियल या कोनिक चुनें, एंगल स्लाइडर ड्रैग करें, हर कलर स्टॉप को नेटिव कलर पिकर और प्रतिशत पोज़ीशन से सेट करें — और फ़ुल-विड्थ प्रीव्यू हर एक इनपुट पर फिर से पेंट होता है, तैयार बैकग्राउंड लाइन हमेशा कॉपी करने के लिए तैयार।

तीन ग्रेडिएंट प्रकार अलग-अलग कामों को कवर करते हैं। लीनियर ग्रेडिएंट एक दिशा में फ़ेड होते हैं और अधिकांश हीरो सेक्शन और बटन को संभालते हैं; रेडियल ग्रेडिएंट ग्लो और विगनेट के लिए केंद्र से फैलते हैं; कोनिक ग्रेडिएंट केंद्र के चारों ओर घूमते हैं और पाई चार्ट और कलर व्हील संचालित करते हैं। आप किसी भी क्षण प्रकार स्विच कर सकते हैं — आपके स्टॉप बने रहते हैं, इसलिए तीनों की तुलना करने में सेकंड लगते हैं।

छह कलर स्टॉप तक आपको मल्टी-बैंड डिज़ाइन के लिए जगह देते हैं, और प्रीसेट पेज सिद्ध संयोजन शिप करते हैं — एक गर्म सनसेट, एक शांत ओशन और एक नरम पास्टल पेयर — शुरुआती बिंदुओं के रूप में जिन्हें आप खाली कैनवस के बजाय ट्वीक कर सकते हैं। काम के बँटवारे पर ध्यान दें: इस साइट पर कलर पैलेट जनरेटर सामंजस्यपूर्ण फ़्लैट रंग चुनता है और कलर फ़ॉर्मैट कन्वर्टर HEX, RGB और HSL के बीच मान अनुवाद करता है, जबकि यह टूल एक अलग काम करता है — यह चुने गए रंगों को तैयार CSS ग्रेडिएंट कोड में बदलता है।

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