ग्रेडिएंट संग्रह ब्राउज़ करें
विभिन्न रंग संयोजनों और शैलियों का पता लगाने के लिए ग्रेडिएंट नमूनों की ग्रिड में स्क्रॉल करें। प्रत्येक ग्रेडिएंट अपना नाम और रंग कोड प्रदर्शित करता है।
व्यक्तिगत रंगों को देखें
प्रारंभिक रंग देखने के लिए ग्रेडिएंट के बाएं आधे हिस्से पर क्लिक करें, या अंतिम रंग देखने के लिए दाएं आधे हिस्से पर क्लिक करें। HEX कोड 2 सेकंड के लिए प्रदर्शित होगा।
ग्रेडिएंट सीएसएस कॉपी करें
किसी भी ग्रेडिएंट के नीचे 'ग्रेडिएंट कॉपी करने के लिए क्लिक करें' बटन पर क्लिक करके पूर्ण सीएसएस बैकग्राउंड प्रॉपर्टी को अपने क्लिपबोर्ड पर कॉपी करें।
अपनी परियोजना में उपयोग करें
कॉपी किए गए सीएसएस कोड को अपनी स्टाइलशीट या इनलाइन स्टाइल में पेस्ट करें। ग्रेडिएंट लीनियर-ग्रेडिएंट फॉर्मेट के साथ उपयोग के लिए तैयार है।
100+ विशेष रूप से चयनित ग्रेडिएंट्स
आसानी से ब्राउज़ करने के लिए शैली और रंग थीम द्वारा व्यवस्थित, 100 से अधिक सुंदर ग्रेडिएंट संयोजनों के विशेष रूप से चयनित संग्रह तक पहुँचें।
इंटरैक्टिव रंग पूर्वावलोकन
व्यक्तिगत प्रारंभिक और अंतिम रंगों को उनके HEX कोड के साथ देखने के लिए किसी भी ग्रेडिएंट नमूने के बाएं या दाएं आधे हिस्से पर क्लिक करें।
एक-क्लिक सीएसएस कॉपी
कॉपी बटन पर एक क्लिक से तैयार-से-उपयोग CSS लीनियर-ग्रेडिएंट कोड को तुरंत अपने क्लिपबोर्ड पर कॉपी करें।
विज़ुअल ग्रेडिएंट ग्रिड
त्वरित संदर्भ के लिए ग्रेडिएंट नाम और रंग कोड स्पष्ट रूप से प्रदर्शित करते हुए, एक साफ, आधुनिक ग्रिड लेआउट में ग्रेडिएंट्स ब्राउज़ करें।
कलर ग्रेडिएंट्स दो या दो से अधिक रंगों के बीच सहज संक्रमण होते हैं, जो एक दृश्यात्मक रूप से आकर्षक मिश्रण बनाते हैं। वेब डिज़ाइन में, सीएसएस लीनियर ग्रेडिएंट्स आपको इन रंग संक्रमणों को बनाने की अनुमति देते हैं जो एक निर्दिष्ट दिशा में प्रवाहित होते हैं। हमारी लाइब्रेरी में पेशेवर रूप से क्यूरेटेड ग्रेडिएंट संयोजन हैं जो एक साथ अच्छी तरह से काम करते हैं, जिससे आपको बैकग्राउंड, बटन, कार्ड और अन्य डिज़ाइन तत्वों के लिए सामंजस्यपूर्ण रंग संक्रमण खोजने में समय की बचत होती है।
पेशेवर रूप से चयनित
हमारे संग्रह में प्रत्येक ग्रेडिएंट को दृश्य अपील और डिज़ाइन बहुमुखी प्रतिभा के लिए सावधानीपूर्वक चुना गया है, जिससे उच्च-गुणवत्ता वाले रंग संयोजनों को सुनिश्चित किया जा सके।
उपयोग के लिए तैयार सीएसएस
तत्काल सीएसएस कोड प्राप्त करें जो तुरंत काम करता है। ग्रेडिएंट सिंटैक्स को मैन्युअल रूप से लिखने या रंग मानों के साथ प्रयोग करने की कोई आवश्यकता नहीं है।
इंटरैक्टिव रंग निरीक्षण
नमूने के विभिन्न हिस्सों पर क्लिक करके व्यक्तिगत ग्रेडिएंट रंगों को देखें, जिससे उपयोग किए गए सटीक रंगों को समझना आसान हो जाता है।
समय बचाने वाला डिज़ाइन टूल
शुरुआत से ग्रेडिएंट बनाने के परीक्षण और त्रुटि को छोड़ दें। सही ग्रेडिएंट तुरंत ढूंढें और इसे अपने प्रोजेक्ट्स में तुरंत लागू करें।
लाइब्रेरी में 100 से अधिक सावधानीपूर्वक चयनित ग्रेडिएंट संयोजन हैं, जिनमें सूक्ष्म संक्रमणों से लेकर बोल्ड, जीवंत मिश्रणों तक विभिन्न शैलियाँ शामिल हैं जो विभिन्न डिज़ाइन आवश्यकताओं के लिए उपयुक्त हैं।
प्रारंभिक रंग देखने के लिए ग्रेडिएंट नमूने के बाएं आधे हिस्से पर क्लिक करें, या अंतिम रंग देखने के लिए दाएं आधे हिस्से पर क्लिक करें। HEX कोड नमूने पर 2 सेकंड के लिए प्रदर्शित होगा।
यह टूल लीनियर-ग्रेडिएंट के साथ एक पूरी सीएसएस बैकग्राउंड प्रॉपर्टी कॉपी करता है जो बाएं से दाएं (दाएं दिशा की ओर) जाता है। उदाहरण के लिए: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
हाँ, लाइब्रेरी में सभी ग्रेडिएंट्स व्यक्तिगत और व्यावसायिक परियोजनाओं में बिना किसी प्रतिबंध के उपयोग करने के लिए स्वतंत्र हैं। कलर ग्रेडिएंट्स पर कॉपीराइट नहीं हो सकता।
सीएसएस कोड कॉपी करने के बाद, इसे अपनी स्टाइलशीट या इनलाइन स्टाइल के रूप में पेस्ट करें। आप इसे किसी भी एलिमेंट के बैकग्राउंड पर लागू कर सकते हैं, जैसे कि डिव, सेक्शन, बटन या कार्ड।
हाँ, सीएसएस कॉपी करने के बाद, आप 'to right' वाले हिस्से को 'to bottom', 'to top', '45deg', या अपनी पसंद के किसी भी कोण जैसे अन्य मानों में बदलकर दिशा बदल सकते हैं।