अपनी विधि चुनें
शुरू करने के लिए टेम्पलेट्स (पहले से बने पैलेट), जनरेटर (कलर थ्योरी), या कस्टम (अपना खुद का बनाएं) टैब में से चुनें।
रंग चुनें या जेनरेट करें
श्रेणी के अनुसार टेम्पलेट पैलेट ब्राउज़ करें, पूरक या त्रैमासिक जैसी रंग योजनाओं का उपयोग करके जेनरेट करें, या मैन्युअल रूप से कस्टम पैलेट बनाएं।
एडिट करें और सुधारें
कलर पिकर के साथ एडिट करने के लिए किसी भी रंग पर क्लिक करें, रंगों को फिर से व्यवस्थित करने के लिए खींचें, या नई व्यवस्थाओं के लिए शफल बटन का उपयोग करें।
पहुंच-योग्यता की जांच करें
सुनिश्चित करने के लिए कंट्रास्ट चेकर का उपयोग करें कि आपके रंग संयोजन टेक्स्ट पठनीयता के लिए WCAG पहुंच-योग्यता मानकों को पूरा करते हैं।
अपना पैलेट एक्सपोर्ट करें
अपने प्रोजेक्ट में उपयोग के लिए अपने अंतिम पैलेट को CSS वैरिएबल, SCSS, Tailwind कॉन्फ़िग, JSON डेटा, या PNG छवि के रूप में एक्सपोर्ट करें।
टेम्पलेट पैलेट लाइब्रेरी
प्रकृति, आधुनिक, विंटेज और अन्य श्रेणियों में व्यवस्थित पेशेवर कलर पैलेट के एक क्यूरेटेड संग्रह में से चुनें।
कलर थ्योरी जनरेटर
पूरक (complementary), त्रैमासिक (triadic), अनुरूप (analogous), मोनोक्रोमैटिक (monochromatic), और स्प्लिट-कॉम्प्लिमेंटरी (split-complementary) योजनाओं सहित कलर थ्योरी सिद्धांतों का उपयोग करके सामंजस्यपूर्ण पैलेट बनाएं।
बहु-प्रारूप इम्पोर्ट/एक्सपोर्ट
CSS वैरिएबल, SCSS, Tailwind कॉन्फ़िग, JSON, या हेक्स सूचियों से पैलेट इम्पोर्ट करें। इनमें से किसी भी फॉर्मेट के साथ-साथ PNG छवियों में एक्सपोर्ट करें।
एक्सेसिबिलिटी कंट्रास्ट चेकर
आपकी रंग संयोजनों को एक्सेसिबिलिटी मानकों को पूरा करने के लिए AA/AAA अनुपालन संकेतकों के साथ अंतर्निहित WCAG कंट्रास्ट चेकर।
इंटरैक्टिव कलर एडिटर
कलर पिकर के साथ एडिट करने के लिए किसी भी रंग पर क्लिक करें, रंगों को फिर से व्यवस्थित करने के लिए खींचें, और वास्तविक समय पूर्वावलोकन के साथ चमक को समायोजित करें।
कस्टम पैलेट निर्माण
व्यक्तिगत नामों और असीमित रंग संयोजनों के साथ अपने स्वयं के कस्टम कलर पैलेट बनाएं और सहेजें।
कलर पैलेट व्यूअर एक डिज़ाइन उपकरण है जो आपको अपनी परियोजनाओं के लिए रंग योजनाओं को बनाने, व्यवस्थित करने और प्रबंधित करने में मदद करता है। यह आपके डिज़ाइन वर्कफ़्लो को सुव्यवस्थित करने और पेशेवर, सामंजस्यपूर्ण रंग संयोजनों को सुनिश्चित करने के लिए कलर थ्योरी सिद्धांतों को फॉर्मेट रूपांतरण, एक्सेसिबिलिटी जांच और टेम्पलेट लाइब्रेरी जैसी व्यावहारिक सुविधाओं के साथ जोड़ता है।
पेशेवर कलर थ्योरी
दृश्यात्मक रूप से आकर्षक डिज़ाइनों के लिए सिद्ध कलर थ्योरी सिद्धांतों का उपयोग करके वैज्ञानिक रूप से संतुलित रंग योजनाएं जेनरेट करें।
डेवलपर-अनुकूल एक्सपोर्ट
अपने डेवलपमेंट वर्कफ़्लो में सहज एकीकरण के लिए सीधे CSS वैरिएबल, SCSS, Tailwind CSS, या JSON फॉर्मेट में एक्सपोर्ट करें।
पहुंच-योग्यता अनुपालन
अंतर्निहित WCAG कंट्रास्ट जाँच सुनिश्चित करती है कि आपके रंग विकल्प समावेशी डिज़ाइन के लिए पहुंच-योग्यता मानकों को पूरा करते हैं।
टेम्पलेट लाइब्रेरी
तत्काल प्रेरणा के लिए शैली और श्रेणी के अनुसार व्यवस्थित सैकड़ों पेशेवर रूप से क्यूरेट किए गए कलर पैलेट तक पहुंचें।
पूर्ण गोपनीयता
सभी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है - आपके कलर पैलेट और प्राथमिकताएं निजी और सुरक्षित रहती हैं।
आप CSS वैरिएबल (:root), SCSS वैरिएबल ($color), Tailwind कॉन्फ़िग फ़ाइलों, JSON ऑब्जेक्ट्स, या साधारण हेक्स कलर सूचियों से पैलेट इम्पोर्ट कर सकते हैं। फ़ाइल अपलोड और टेक्स्ट पेस्ट दोनों समर्थित हैं।
जनरेटर सामंजस्यपूर्ण पैलेट बनाने के लिए कलर व्हील पर गणितीय रंग संबंधों का उपयोग करता है। पूरक (विपरीत रंग), त्रैमासिक (तीन समान दूरी वाले रंग), अनुरूप (आसन्न रंग), और अन्य में से चुनें।
यह टूल WCAG 2.1 दिशानिर्देशों का पालन करता है, AA (4.5:1 अनुपात), AAA (7:1 अनुपात), और AA लार्ज टेक्स्ट (3:1 अनुपात) अनुपालन की जाँच करता है ताकि यह सुनिश्चित हो सके कि आपके रंग दृष्टिबाधित उपयोगकर्ताओं के लिए भी काम करें।
हाँ! कलर पिकर एडिटर खोलने के लिए किसी भी रंग के नमूने पर क्लिक करें। आप रंगों को फिर से व्यवस्थित करने के लिए उन्हें खींच भी सकते हैं या पैलेट को बेतरतीब ढंग से व्यवस्थित करने के लिए शफल बटन का उपयोग कर सकते हैं।
अपने पैलेट को CSS कस्टम प्रॉपर्टीज, SCSS वैरिएबल, Tailwind CSS कॉन्फ़िग, JSON डेटा ऑब्जेक्ट्स, या PNG छवियों के रूप में एक्सपोर्ट करें। प्रत्येक प्रारूप विभिन्न डेवलपमेंट वर्कफ़्लो के लिए अनुकूलित है।
टेम्पलेट पैलेट में आमतौर पर 5 रंग होते हैं, लेकिन कस्टम पैलेट में 3 या अधिक रंग हो सकते हैं। टूल स्वचालित रूप से विभिन्न पैलेट आकारों को संभालता है और टेम्पलेट्स के लिए आवश्यक होने पर उन्हें बढ़ाता है।