सामंजस्यपूर्ण रंग पैलेट बनाएं और निर्यात उपकरण

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

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

रंग सभी उम्र

रंग सामंजस्य कैसे बनाएं

1
सामंजस्य प्रकार चुनें
ड्रॉपडाउन का उपयोग करके पूरक, मोनोक्रोमैटिक, अनुरूप, त्रिक, चतुष्कोणीय, या स्प्लिट-कॉम्प्लीमेंट्री रंग योजनाओं में से चुनें।
2
चक्र पर रंग समायोजित करें
अपने आधार रंग का चयन करने के लिए रंग चक्र पर क्लिक करें और खींचें। सामंजस्य रंग आपके चयन के आधार पर स्वचालित रूप से अपडेट हो जाएंगे।
3
चमक को सूक्ष्मता से समायोजित करें
अपनी रंग पैलेट की चमक को समायोजित करने के लिए बाहरी चमक रिंग का उपयोग करें, जबकि सामंजस्य संबंध को बनाए रखें।
4
कॉपी या निर्यात करें
व्यक्तिगत रंगों को कॉपी करने के लिए रंग के नमूने पर क्लिक करें, या अपनी पैलेट को विभिन्न प्रारूपों में डाउनलोड करने के लिए निर्यात बटन का उपयोग करें।

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

इंटरैक्टिव रंग चक्र
सटीक रंग चयन के लिए अलग चमक नियंत्रण रिंग के साथ एक दृश्य रंग चक्र पर रंगों को खींचें और समायोजित करें।
6 प्रकार की रंग सामंजस्य शैलियाँ
पूरक, मोनोक्रोमैटिक, अनुरूप, त्रिक, चतुष्कोणीय और स्प्लिट-कॉम्प्लीमेंट्री रंग योजनाओं को स्वचालित रूप से उत्पन्न करें।
कई रंग प्रारूप
HEX, RGB, HSL और CMYK प्रारूपों में रंगों को देखें और कॉपी करें, एक क्लिक में क्लिपबोर्ड पर कॉपी करें।
निर्यात और कोड जनरेशन
पैलेट को PNG छवियों, PDF दस्तावेज़ों, JSON डेटा, CSS वेरिएबल, SCSS वेरिएबल, या Tailwind CSS कॉन्फ़िग के रूप में निर्यात करें।

रंग चक्र और रंग सामंजस्य क्या है?

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

हमारे कलर व्हील टूल का उपयोग क्यों करें?

1
पेशेवर रंग सिद्धांत
पारंपरिक रंग सिद्धांत सिद्धांतों पर आधारित, जिनका उपयोग सदियों से कलाकारों और डिजाइनरों द्वारा आकर्षक संयोजन बनाने के लिए किया जाता रहा है।
2
डेवलपर-अनुकूल निर्यात
अपने वेब प्रोजेक्ट्स में उपयोग के लिए तैयार CSS वेरिएबल, SCSS वेरिएबल और Tailwind CSS कॉन्फ़िग फाइलें जनरेट करें।
3
कई निर्यात प्रारूप
अपने पैलेट को छवियों (PNG), दस्तावेज़ों (PDF), या डेटा (JSON) के रूप में विभिन्न डिज़ाइन टूल्स और प्लेटफ़ॉर्म पर उपयोग के लिए निर्यात करें।
4
वास्तविक समय दृश्य प्रतिक्रिया
जुड़ी हुई रेखाओं के साथ सामंजस्य संबंधों को देखें और तत्काल दृश्य प्रतिक्रिया के साथ रंगों को इंटरैक्टिव रूप से समायोजित करें।

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

कौन से रंग सामंजस्य प्रकार उपलब्ध हैं?

यह टूल 6 प्रकार के सामंजस्य प्रदान करता है: पूरक (2 विपरीत रंग), मोनोक्रोमैटिक (एक रंग के विभिन्न प्रकार), अनुरूप (3 आसन्न रंग), त्रिक (3 समान दूरी पर रंग), चतुष्कोणीय (4 समान दूरी पर रंग), और स्प्लिट-कॉम्प्लीमेंट्री (1 रंग + उसके पूरक के आसन्न 2 रंग)।

मैं रंगों की चमक कैसे समायोजित करूं?

रंग चक्र के चारों ओर बाहरी चमक रिंग का उपयोग करें। अपनी सामंजस्य में सभी रंगों की चमक/अंधेरे को समायोजित करने के लिए इस रिंग पर क्लिक करें और खींचें, जबकि उनके रंगत (ह्यू) और संतृप्ति (सैचुरेशन) संबंधों को बनाए रखें।

क्या मैं अलग-अलग रंगों को कॉपी कर सकता हूँ?

हाँ, किसी भी रंग के नमूने पर क्लिक करके उसके मान को अपने क्लिपबोर्ड पर कॉपी करें। आप प्रारूप चयन बटन का उपयोग करके HEX, RGB, HSL और CMYK प्रारूपों के बीच स्विच कर सकते हैं।

कौन से निर्यात प्रारूप समर्थित हैं?

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

जेनरेट किए गए CSS वेरिएबल का उपयोग कैसे करें?

निर्यात मोडल से CSS वेरिएबल कॉपी करें और उन्हें अपनी स्टाइलशीट में पेस्ट करें। फिर आप उनका उपयोग इस तरह कर सकते हैं: background-color: var(--color-1); या color: var(--color-2);

क्या मैं सामंजस्य रंगों को व्यक्तिगत रूप से खींच सकता हूँ?

हाँ, आप किसी भी सामंजस्य रंग बिंदु को खींचकर पूरे पैलेट को समायोजित कर सकते हैं। मुख्य रंग चयनित सामंजस्य प्रकार के गणितीय संबंध को बनाए रखने के लिए स्वचालित रूप से पुनर्गणना करेगा।