0

सीएसएस ग्रेडिएंट जेनरेटर

सीएसएस ग्रेडिएंट्स को दृश्य रूप से बनाएं: रैखिक, रेडियल या शंकु प्रकार, कोण स्लाइडर और लाइव पूर्ण-चौड़ाई पूर्वावलोकन और कॉपी करने योग्य कोड के साथ छह रंग स्टॉप तक।

90°
प्रसंस्करण... 0%

नतीजा

हाथ से लीनियर-ग्रेडिएंट(135डिग्री, #2193बी0 0%, #6डीडी5ईडी 100%) लिखना और यह देखने के लिए पेज को फिर से लोड करना एक धीमा लूप है। यह जनरेटर इसे बंद कर देता है: रैखिक, रेडियल या शंकु चुनें, कोण स्लाइडर को खींचें, प्रत्येक रंग स्टॉप को मूल रंग पिकर और प्रतिशत स्थिति के साथ सेट करें - और प्रत्येक इनपुट पर पूर्ण-चौड़ाई पूर्वावलोकन पुन: पेंट करता है, तैयार पृष्ठभूमि रेखा हमेशा प्रतिलिपि बनाने के लिए तैयार होती है।

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

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

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