कलर पैलेट जेनरेटर
एक बेस HEX रंग से शेड्स, टिंट्स और सामंजस्यपूर्ण रंग बनाएं, प्रत्येक के साथ कॉपी करने योग्य HEX मान।
कलर पैलेट जेनरेटर — HEX में एक बेस रंग दर्ज करें और तुरंत उसके चारों ओर एक पूरा पैलेट पाएं — हल्के टिंट्स, गहरे शेड्स, पूरक रंग, और एक समरूप तथा त्रिकोणीय सेट। हर स्वैच अपना HEX मान एक-क्लिक कॉपी बटन के साथ दिखाता है। सब कुछ पूरी तरह आपके ब्राउज़र में चलता है; कोई भी रंग कभी सर्वर पर नहीं भेजा जाता।
कलर पैलेट जेनरेटर क्या है?
कलर पैलेट जेनरेटर डिज़ाइनरों और फ्रंट-एंड डेवलपरों के लिए एक मुफ़्त ऑनलाइन कलर स्कीम मेकर है, जिन्हें किसी एक बेस रंग के चारों ओर एक पूरा पैलेट बनाना होता है। एक HEX रंग दर्ज करें और यह HSL रंग गणित का उपयोग करके तुरंत हल्के टिंट्स, गहरे शेड्स, पूरक रंग, तथा समरूप और त्रिकोणीय सामंजस्य निकाल देता है — हर स्वैच अपने HEX मान और एक-क्लिक कॉपी बटन के साथ दिखाया जाता है। इसका उपयोग UI रंग चुनने, हल्के/गहरे रंगों की एक रैंप बनाने, या किसी ब्रांड के लिए मेल खाते एक्सेंट रंग खोजने में करें। यह एक HEX कलर पैलेट जेनरेटर, शेड/टिंट क्रिएटर और पूरक रंग खोजक — सब एक में है।
कलर पैलेट जेनरेटर का उपयोग कैसे करें
- बेस रंग (HEX) फ़ील्ड में #rrggbb या #rgb प्रारूप का उपयोग करके एक बेस रंग टाइप करें, या इसे दृश्य रूप से चुनने के लिए बड़े कलर पिकर स्वैच पर क्लिक करें।
- प्रति ओर शेड्स को 2, 3 या 4 पर सेट करें ताकि यह नियंत्रित किया जा सके कि बेस रंग के हर ओर कितने हल्के टिंट्स और गहरे शेड्स बनाए जाएं।
- शेड्स और टिंट्स अनुभाग देखें: हल्के टिंट्स बेस रंग के ऊपर और गहरे शेड्स नीचे दिखाई देते हैं, प्रत्येक पर लेबल (Lighter N / Base / Darker N) लगा होता है और अपने HEX मान के साथ दिखाया जाता है।
- सामंजस्यपूर्ण रंग अनुभाग में पूरक, समरूप (+30deg / -30deg), और त्रिकोणीय (+120deg / -120deg) रंग देखें।
- किसी भी स्वैच के बगल में (या बेस फ़ील्ड के बगल में) कॉपी बटन पर क्लिक करें ताकि वह HEX मान आपके क्लिपबोर्ड पर कॉपी हो जाए।
उदाहरण
शुद्ध लाल से पूरक रंग
इनपुट
#ff0000
आउटपुट
#00ffff
शुद्ध लाल से त्रिकोणीय रंग
इनपुट
#ff0000
आउटपुट
#00ff00
एक ब्रांड शेड रैंप बनाना
अपना ब्रांड नीला (जैसे #4f86f7) दर्ज करें और प्रति ओर शेड्स को 4 पर सेट करें ताकि बेस रंग के ऊपर चार हल्के टिंट्स और नीचे चार गहरे शेड्स मिलें, जिससे आपको एक 9-चरण रैंप मिलता है जिसे आप रंग दर रंग अपने डिज़ाइन टोकन में कॉपी कर सकते हैं।
अक्सर पूछे जाने वाले सवाल
- मैं कौन-से रंग प्रारूप दर्ज कर सकता हूं?
- बेस रंग को #rrggbb (छह अंक) या #rgb (तीन अंक) संक्षिप्त रूप में HEX मान के रूप में दर्ज किया जाता है। यदि मान कोई मान्य HEX रंग नहीं है, तो 'Invalid HEX color' संदेश दिखाई देता है और कोई पैलेट नहीं बनता। सभी आउटपुट स्वैच #rrggbb HEX के रूप में दिखाए जाते हैं।
- यह कितने शेड्स और टिंट्स बनाता है?
- आप प्रति ओर 2, 3 या 4 शेड्स चुनते हैं। यह टूल उतने ही हल्के टिंट्स (सफेद की ओर प्रक्षेपित) और उतने ही गहरे शेड्स (काले की ओर प्रक्षेपित) बनाता है, साथ ही बीच में बेस रंग।
- कौन-से सामंजस्यपूर्ण रंग शामिल हैं?
- यह पूरक रंग (ह्यू 180deg घुमाया गया), दो समरूप रंग (+30deg और -30deg), और दो त्रिकोणीय रंग (+120deg और -120deg) देता है, ये सभी HSL में बेस रंग के ह्यू को घुमाकर परिकलित किए जाते हैं।
- क्या मैं HEX टाइप करने के बजाय रंग को दृश्य रूप से चुन सकता हूं?
- हां। रंग चुनने के लिए अंतर्निहित कलर पिकर वाले बड़े स्वैच पर क्लिक करें; HEX फ़ील्ड अपने आप अपडेट हो जाता है, और जैसे-जैसे आप इसे बदलते हैं पैलेट तुरंत फिर से परिकलित हो जाता है।
- क्या मेरा रंग डेटा कहीं अपलोड होता है?
- नहीं। सब कुछ स्थानीय रंग गणित का उपयोग करके पूरी तरह आपके ब्राउज़र में चलता है — कोई भी रंग मान कभी सर्वर पर नहीं भेजा जाता, इसलिए यह ऑफ़लाइन काम करता है और आपके पैलेट को निजी रखता है।
संबंधित टूल
Base32 / Base58 एन्कोड / डिकोड
टेक्स्ट को Base32 (RFC 4648) या Base58 (बिटकॉइन वर्णमाला) में एन्कोड करें और दोनों में से किसी को वापस टेक्स्ट में डिकोड करें, पूरी तरह UTF-8 सुरक्षित और पूरी तरह आपके ब्राउज़र में।
Base64 एन्कोड / डिकोड
टेक्स्ट को Base64 में एन्कोड करें या Base64 को वापस टेक्स्ट में डिकोड करें (UTF-8 सुरक्षित)।
केस कन्वर्टर और काउंटर
टेक्स्ट का केस बदलें और अक्षर, शब्द और पंक्तियाँ गिनें।
कोड फ़ॉर्मैटर और मिनिफ़ायर
अपने ब्राउज़र में HTML, CSS और JavaScript को तुरंत सुंदर बनाएँ या मिनिफ़ाई करें, 2-स्पेस, 4-स्पेस या टैब इंडेंटेशन और Terser-संचालित JavaScript कम्प्रेशन के साथ।