CSS ग्रेडिएंट जनरेटर
ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);उपयोग कैसे करें
रंग चुनें
ग्रेडिएंट रंग सेट करें
दिशा सेट करें
ग्रेडिएंट दिशा और प्रकार कॉन्फ़िगर करें
कॉपी करें
उपयोग के लिए CSS कोड कॉपी करें
विशेषताएँ
विज़ुअल संपादक
ड्रैग एंड ड्रॉप से रंग की स्थिति समायोजित करें
एकाधिक प्रकार
लीनियर, रेडियल और कॉनिक ग्रेडिएंट का समर्थन
प्रीसेट
सुंदर प्रीसेट ग्रेडिएंट उपलब्ध
FAQ
🔗संबंधित टूल
रंग कोड कनवर्टर
HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।
रंग चयनकर्ता
कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।
इमेज रंग एक्सट्रैक्टर
इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।
इमेज औसत रंग पिकर
पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।
CSS बॉक्स शैडो जनरेटर
स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।
CSS बॉर्डर रेडियस जनरेटर
अलग-अलग कोने नियंत्रण के साथ CSS border-radius बनाएं। दीर्घवृत्तीय रेडियस विकल्प और लोकप्रिय आकार प्रीसेट शामिल हैं।