डिज़ाइन टूल्स टूल्स
CSS जनरेटर, रंग टूल्स और SVG निर्माण
रंग कोड कनवर्टर
HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।
रंग चयनकर्ता
कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।
इमेज रंग एक्सट्रैक्टर
इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।
इमेज औसत रंग पिकर
पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।
CSS ग्रेडिएंट जनरेटर
ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।
CSS बॉक्स शैडो जनरेटर
स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।
CSS बॉर्डर रेडियस जनरेटर
अलग-अलग कोने नियंत्रण के साथ CSS border-radius बनाएं। दीर्घवृत्तीय रेडियस विकल्प और लोकप्रिय आकार प्रीसेट शामिल हैं।
CSS टेक्स्ट शैडो जनरेटर
लाइव पूर्वावलोकन के साथ CSS text-shadow बनाएं। नियॉन, एम्बॉस और अन्य प्रीसेट सहित एकाधिक शैडो स्टैक करें।
CSS त्रिभुज जनरेटर
border प्रॉपर्टी का उपयोग करके CSS त्रिभुज बनाएं। अनुकूलन योग्य आकार और रंग के साथ सभी 8 दिशाओं का समर्थन करता है।
CSS क्लिप पाथ जनरेटर
ड्रैग-एंड-ड्रॉप से विज़ुअली CSS clip-path आकार बनाएं। बहुभुज, वृत्त, दीर्घवृत्त और तारा, दिल जैसे प्रीसेट शामिल हैं।
CSS ग्लासमॉर्फ़िज़्म जनरेटर
लाइव पूर्वावलोकन और CSS आउटपुट के साथ फ़्रॉस्टेड ग्लास UI प्रभाव बनाएं। पारदर्शिता, ब्लर, बॉर्डर और शैडो सेटिंग्स को फ़ाइन-ट्यून करें।
CSS लोडर जनरेटर
एकाधिक CSS लोडिंग एनिमेशन में से चुनें और कोड प्राप्त करें। स्पिनर, डॉट्स, बार और अधिक के लिए रंग, आकार और गति अनुकूलित करें।
CSS Flexbox जनरेटर
विज़ुअली Flexbox लेआउट बनाएं और CSS कोड जनरेट करें। बिल्ट-इन चीट शीट के साथ सभी प्रॉपर्टी समायोजित करें।
CSS क्यूबिक बेज़ियर जनरेटर
विज़ुअली CSS एनिमेशन ईज़िंग कर्व बनाएं। हैंडल खींचें और रियल-टाइम में एनिमेशन पूर्वावलोकन करें।
कलर शेड्स जनरेटर
किसी भी रंग के हल्के से गहरे शेड वेरिएशन बनाएं। चरणों की संख्या समायोजित करें और Tailwind CSS पैलेट के रूप में निर्यात करें।
रंग मिक्सर
निर्दिष्ट अनुपात में दो या अधिक रंगों को मिलाकर नए रंग बनाएँ। RGB, HSL और LAB जैसी विभिन्न रंग स्थानों में परिणामों की तुलना करें।
रंग पैलेट जनरेटर
रंग सिद्धांत का उपयोग करके आधार रंग से रंग पैलेट जनरेट करें। पूरक, सादृश्य, त्रैयादिक और अधिक रंग योजनाएँ शामिल।
वेब फ़ॉन्ट प्रीव्यू
Google Fonts के वेब फ़ॉन्ट को रियल टाइम में प्रीव्यू करें। साइज़ और रंग एडजस्ट करते हुए कई फ़ॉन्ट की तुलना करें।
HTML रंग नाम संदर्भ
सभी 148 HTML/CSS नामित रंगों को एक ही स्थान पर ब्राउज़ करें। खोजें, प्रीव्यू करें और HEX कोड आसानी से कॉपी करें।
CSS बैकग्राउंड पैटर्न जनरेटर
शुद्ध CSS का उपयोग करके बैकग्राउंड पैटर्न जनरेट करें। विज़ुअल एडिटर के साथ स्ट्राइप, डॉट, चेक और अन्य को कस्टमाइज़ करें।
CSS स्क्रॉलबार जनरेटर
विज़ुअल एडिटर के साथ CSS स्क्रॉलबार डिज़ाइन कस्टमाइज़ करें। रंग, चौड़ाई, बॉर्डर रेडियस समायोजित करें और कोड सीधे कॉपी करें।
CSS ग्रेडिएंट टेक्स्ट जनरेटर
टेक्स्ट पर ग्रेडिएंट लगाने के लिए CSS कोड जनरेट करें। रंग, दिशा और रेंज समायोजन का रियल-टाइम में प्रीव्यू देखें।
CSS चेकबॉक्स जनरेटर
विज़ुअल एडिटर के साथ कस्टम CSS चेकबॉक्स बनाएं। एनिमेशन, रंग और आकार को स्वतंत्र रूप से कस्टमाइज़ करें।
CSS टॉगल स्विच जनरेटर
विज़ुअल एडिटर के साथ कस्टम CSS टॉगल स्विच बनाएं। आकार, रंग और एनिमेशन समायोजित करें, फिर कोड एक्सपोर्ट करें।
SVG ब्लॉब जनरेटर
ऑर्गेनिक ब्लॉब आकार वाले SVG स्वचालित रूप से जनरेट करें। वेब डिज़ाइन सजावट के लिए यादृच्छिकता और जटिलता समायोजित करें।
SVG पैटर्न जनरेटर
दोहराने योग्य SVG टाइल पैटर्न जनरेट करें। पैटर्न प्रकार, रंग और आकार को कस्टमाइज़ करें, फिर कोड एक्सपोर्ट करें।