श्रेणियाँ
सभी उपकरण देखें
🛠️ ब्राउज़र उपकरण

लोकप्रिय कलर ग्रेडिएंट्स लाइब्रेरी

हमारे 100 से अधिक शानदार कलर ग्रेडिएंट्स के विशेष रूप से चयनित संग्रह को एक्सप्लोर करें। व्यक्तिगत रंगों को देखने के लिए ग्रेडिएंट नमूनों पर क्लिक करें, तुरंत CSS कोड कॉपी करें, और अपने डिज़ाइनों के लिए सही ग्रेडिएंट संयोजन खोजें।

उपकरण लोड हो रहा है...

संबंधित उपकरण

रंग Tools

View All →

इंटरैक्टिव कलर व्हील

हमारे इंटरैक्टिव कलर व्हील के साथ शानदार रंग सामंजस्य बनाएं। पूरक, त्रिक, अनुरूप और अन्य रंग योजनाएं उत्पन्न करें। CSS, SCSS, Tailwind, PNG, PDF या JSON के रूप में निर्यात करें।

ऑनलाइन इमेज कलर पिकर

किसी भी इमेज से मुफ्त में रंग निकालें। एक इमेज अपलोड करें, रंग चुनने के लिए क्लिक करें, और HEX, RGB, HSL, और CMYK मान प्राप्त करें। कलर पैलेट बनाएं और निर्यात करें।

फ्री कलर ग्रेडिएंट पैलेट मेकर

मुफ्त में ऑनलाइन शानदार कलर ग्रेडिएंट बनाएं और कस्टम कलर पैलेट जनरेट करें। शुरुआती और अंतिम रंग चुनें, पैलेट का आकार समायोजित करें, और सीएसएस कोड या व्यक्तिगत हेक्स रंगों को कॉपी करें। वेब डिज़ाइन, ग्राफिक डिज़ाइन और रचनात्मक परियोजनाओं के लिए बिल्कुल सही।

फ्री हेक्स से पैनटोन कलर कनवर्टर

हमारे निःशुल्क ऑनलाइन टूल से हेक्स रंगों को निकटतम पैनटोन मिलानों में बदलें। इसमें सटीक डेल्टा ई रंग मिलान, 40+ से अधिक लोकप्रिय पैनटोन रंगों को ब्राउज़ करने और तत्काल रंग तुलना प्राप्त करने की सुविधा है। डिजाइनरों, प्रिंटर और रंग पेशेवरों के लिए बिल्कुल सही।

मुफ्त आरजीबी से पैनटोन रंग कनवर्टर

हमारे उन्नत रंग मिलान एल्गोरिथम के साथ आरजीबी रंगों को उनके निकटतम पैनटोन रंग मैचों में बदलें। चयनित पैनटोन रंगों को ब्राउज़ करें, रंग अंतरों की तुलना करें और डिज़ाइन परियोजनाओं के लिए सटीक रंग कोड प्राप्त करें।

मुफ्त एचएसवी से पैनटोन रंग कनवर्टर

एचएसवी (ह्यू, सैचुरेशन, वैल्यू) रंगों को उनके सबसे करीबी पैनटोन रंग मैच में तुरंत बदलें। विज़ुअल तुलना और सटीक रंग विज्ञान की विशेषता वाले हमारे व्यापक रंग मिलान उपकरण के साथ सही पैनटोन रंग ढूंढें।

View 7 more tools

ग्रेडिएंट लाइब्रेरी का उपयोग कैसे करें

1

ग्रेडिएंट संग्रह ब्राउज़ करें

विभिन्न रंग संयोजनों और शैलियों का पता लगाने के लिए ग्रेडिएंट नमूनों की ग्रिड में स्क्रॉल करें। प्रत्येक ग्रेडिएंट अपना नाम और रंग कोड प्रदर्शित करता है।

2

व्यक्तिगत रंगों को देखें

प्रारंभिक रंग देखने के लिए ग्रेडिएंट के बाएं आधे हिस्से पर क्लिक करें, या अंतिम रंग देखने के लिए दाएं आधे हिस्से पर क्लिक करें। HEX कोड 2 सेकंड के लिए प्रदर्शित होगा।

3

ग्रेडिएंट सीएसएस कॉपी करें

किसी भी ग्रेडिएंट के नीचे 'ग्रेडिएंट कॉपी करने के लिए क्लिक करें' बटन पर क्लिक करके पूर्ण सीएसएस बैकग्राउंड प्रॉपर्टी को अपने क्लिपबोर्ड पर कॉपी करें।

4

अपनी परियोजना में उपयोग करें

कॉपी किए गए सीएसएस कोड को अपनी स्टाइलशीट या इनलाइन स्टाइल में पेस्ट करें। ग्रेडिएंट लीनियर-ग्रेडिएंट फॉर्मेट के साथ उपयोग के लिए तैयार है।

मुख्य विशेषताएँ

100+ विशेष रूप से चयनित ग्रेडिएंट्स

आसानी से ब्राउज़ करने के लिए शैली और रंग थीम द्वारा व्यवस्थित, 100 से अधिक सुंदर ग्रेडिएंट संयोजनों के विशेष रूप से चयनित संग्रह तक पहुँचें।

इंटरैक्टिव रंग पूर्वावलोकन

व्यक्तिगत प्रारंभिक और अंतिम रंगों को उनके HEX कोड के साथ देखने के लिए किसी भी ग्रेडिएंट नमूने के बाएं या दाएं आधे हिस्से पर क्लिक करें।

एक-क्लिक सीएसएस कॉपी

कॉपी बटन पर एक क्लिक से तैयार-से-उपयोग CSS लीनियर-ग्रेडिएंट कोड को तुरंत अपने क्लिपबोर्ड पर कॉपी करें।

विज़ुअल ग्रेडिएंट ग्रिड

त्वरित संदर्भ के लिए ग्रेडिएंट नाम और रंग कोड स्पष्ट रूप से प्रदर्शित करते हुए, एक साफ, आधुनिक ग्रिड लेआउट में ग्रेडिएंट्स ब्राउज़ करें।

कलर ग्रेडिएंट्स क्या हैं?

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

हमारी ग्रेडिएंट लाइब्रेरी का उपयोग क्यों करें?

1

पेशेवर रूप से चयनित

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

2

उपयोग के लिए तैयार सीएसएस

तत्काल सीएसएस कोड प्राप्त करें जो तुरंत काम करता है। ग्रेडिएंट सिंटैक्स को मैन्युअल रूप से लिखने या रंग मानों के साथ प्रयोग करने की कोई आवश्यकता नहीं है।

3

इंटरैक्टिव रंग निरीक्षण

नमूने के विभिन्न हिस्सों पर क्लिक करके व्यक्तिगत ग्रेडिएंट रंगों को देखें, जिससे उपयोग किए गए सटीक रंगों को समझना आसान हो जाता है।

4

समय बचाने वाला डिज़ाइन टूल

शुरुआत से ग्रेडिएंट बनाने के परीक्षण और त्रुटि को छोड़ दें। सही ग्रेडिएंट तुरंत ढूंढें और इसे अपने प्रोजेक्ट्स में तुरंत लागू करें।

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

लाइब्रेरी में कितने ग्रेडिएंट्स हैं?

लाइब्रेरी में 100 से अधिक सावधानीपूर्वक चयनित ग्रेडिएंट संयोजन हैं, जिनमें सूक्ष्म संक्रमणों से लेकर बोल्ड, जीवंत मिश्रणों तक विभिन्न शैलियाँ शामिल हैं जो विभिन्न डिज़ाइन आवश्यकताओं के लिए उपयुक्त हैं।

मैं ग्रेडिएंट में व्यक्तिगत रंगों को कैसे देखूं?

प्रारंभिक रंग देखने के लिए ग्रेडिएंट नमूने के बाएं आधे हिस्से पर क्लिक करें, या अंतिम रंग देखने के लिए दाएं आधे हिस्से पर क्लिक करें। HEX कोड नमूने पर 2 सेकंड के लिए प्रदर्शित होगा।

कौन सा सीएसएस फॉर्मेट कॉपी किया जाता है?

यह टूल लीनियर-ग्रेडिएंट के साथ एक पूरी सीएसएस बैकग्राउंड प्रॉपर्टी कॉपी करता है जो बाएं से दाएं (दाएं दिशा की ओर) जाता है। उदाहरण के लिए: background: linear-gradient(to right, #FF6B6B, #4ECDC4);

क्या मैं इन ग्रेडिएंट्स का व्यावसायिक उपयोग कर सकता हूँ?

हाँ, लाइब्रेरी में सभी ग्रेडिएंट्स व्यक्तिगत और व्यावसायिक परियोजनाओं में बिना किसी प्रतिबंध के उपयोग करने के लिए स्वतंत्र हैं। कलर ग्रेडिएंट्स पर कॉपीराइट नहीं हो सकता।

मैं अपनी वेबसाइट पर ग्रेडिएंट कैसे लागू करूं?

सीएसएस कोड कॉपी करने के बाद, इसे अपनी स्टाइलशीट या इनलाइन स्टाइल के रूप में पेस्ट करें। आप इसे किसी भी एलिमेंट के बैकग्राउंड पर लागू कर सकते हैं, जैसे कि डिव, सेक्शन, बटन या कार्ड।

क्या मैं ग्रेडिएंट की दिशा को संशोधित कर सकता हूँ?

हाँ, सीएसएस कॉपी करने के बाद, आप 'to right' वाले हिस्से को 'to bottom', 'to top', '45deg', या अपनी पसंद के किसी भी कोण जैसे अन्य मानों में बदलकर दिशा बदल सकते हैं।

लोकप्रिय कलर ग्रेडिएंट्स लाइब्रेरी - 100+ सुंदर ग्रेडिएंट संयोजन