Skip to main content

कलर शेड्स जनरेटर

किसी भी रंग के हल्के से गहरे शेड वेरिएशन बनाएं। चरणों की संख्या समायोजित करें और Tailwind CSS पैलेट के रूप में निर्यात करें।

आधार रंग चुनें

टिंट्स (हल्के रंग)

आधार रंग में सफेद मिलाकर बनाए गए हल्के वेरिएशन

शेड्स (गहरे रंग)

आधार रंग में काला मिलाकर बनाए गए गहरे वेरिएशन

इस टूल को शेयर करें
📖

उपयोग कैसे करें

Step 1

रंग चुनें

रंग चुनें

पिकर या HEX कोड से रंग निर्दिष्ट करें

Step 2

शेड्स बनाएं

शेड्स बनाएं

हल्के से गहरे शेड्स स्वचालित रूप से बनाए जाते हैं

Step 3

कॉपी करें

कॉपी करें

वांछित शेड्स के कलर कोड कॉपी करें

विशेषताएँ

चरण नियंत्रण

शेड चरणों की संख्या समायोजित करें

एकाधिक प्रारूप

HEX, RGB, HSL प्रारूपों में कॉपी करें

पैलेट निर्यात

Tailwind CSS प्रारूप में पैलेट निर्यात करें

FAQ

डिफ़ॉल्ट 10 चरण हैं, लेकिन स्वतंत्र रूप से समायोज्य।

🔗संबंधित टूल

🎨
डिज़ाइन टूल्स

रंग कोड कनवर्टर

HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।

🎨
डिज़ाइन टूल्स

रंग चयनकर्ता

कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।

🎨
डिज़ाइन टूल्स

इमेज रंग एक्सट्रैक्टर

इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।

🎯
डिज़ाइन टूल्स

इमेज औसत रंग पिकर

पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।

🌈
डिज़ाइन टूल्स

CSS ग्रेडिएंट जनरेटर

ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।

🔲
डिज़ाइन टूल्स

CSS बॉक्स शैडो जनरेटर

स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।