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

कलर शेड्स जेनरेटर क्या है?

कलर शेड्स जेनरेटर एक मुफ़्त ऑनलाइन टूल है जो एक बेस HEX रंग को टिंट-और-शेड के पूरे स्केल में बदल देता है, जिसका क्रमांकन 50, 100, 200 से लेकर 900 और 950 तक होता है, बिल्कुल Tailwind CSS के कलर टोकन की तरह। यह आपके बेस रंग को हल्के चरणों (50-400) के लिए सफेद की ओर और गहरे चरणों (600-950) के लिए काले की ओर रैखिक रूप से मिलाकर रैम्प बनाता है, और 500 को बेस रंग ही बनाए रखता है। डिज़ाइनर और फ्रंट-एंड डेवलपर इसका उपयोग किसी डिज़ाइन सिस्टम के लिए एक सुसंगत कलर स्केल बनाने, CSS कस्टम प्रॉपर्टीज़ या Tailwind थीम रंग सेट करने, और किसी ब्रांड रंग के सुलभ हल्के/गहरे रूप चुनने के लिए करते हैं। हर चरण अपने HEX मान के बगल में एक स्वैच के रूप में एक-क्लिक कॉपी बटन के साथ दिखाया जाता है।

कलर शेड्स जेनरेटर का उपयोग कैसे करें

1. बेस रंग (HEX) फ़ील्ड में #rrggbb या #rgb प्रारूप का उपयोग करके एक बेस रंग टाइप करें, या इसे दृश्य रूप से चुनने के लिए बड़े कलर पिकर स्वैच पर क्लिक करें।
2. 50-950 स्केल तुरंत अपडेट होता है: हल्के टिंट (50-400) सफेद की ओर मिलाए जाते हैं, 500 आपका बेस रंग है, और गहरे शेड (600-950) काले की ओर मिलाए जाते हैं।
3. हर पंक्ति को पढ़कर चरण संख्या (50 … 950), उसका कलर स्वैच, और उसका HEX मान साथ-साथ देखें।
4. किसी भी पंक्ति के अंत में दिए कॉपी बटन पर क्लिक करके उस चरण का HEX मान अपने क्लिपबोर्ड पर कॉपी करें।
5. जब आपको केवल चरण 500 चाहिए हो, तब इनपुट फ़ील्ड के बगल वाले कॉपी बटन से बेस रंग का HEX कॉपी करें।

उदाहरण

#4f86f7

#f6f9ff

#4f86f7

#0b1323

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

मैं कौन-से रंग प्रारूप दर्ज कर सकता हूँ?

बेस रंग को HEX मान के रूप में या तो #rrggbb (छह अंक) या #rgb (तीन-अंकीय संक्षिप्त रूप) में दर्ज किया जाता है। यदि मान कोई मान्य HEX रंग नहीं है, तो 'Invalid HEX color' संदेश दिखाई देता है और कोई स्केल नहीं बनता। आउटपुट में हर चरण #rrggbb HEX मान के रूप में दिखाया जाता है।

शेड्स की गणना कैसे होती है?

हर चरण आपके बेस रंग और शुद्ध सफेद या शुद्ध काले के बीच एक रैखिक मिश्रण है। चरण 50-400 घटती मात्रा में सफेद की ओर मिलाए जाते हैं, चरण 500 अपरिवर्तित बेस रंग है, और चरण 600-950 बढ़ती मात्रा में काले की ओर मिलाए जाते हैं। क्रमांकन Tailwind CSS के कलर स्केल से मेल खाता है।

चरण 500 कभी-कभी ठीक मेरे बेस रंग की संख्या क्यों नहीं होता?

चरण 500 हमेशा आपका सटीक बेस रंग होता है। यह टूल आपके रंग को किसी अवधारणात्मक चमक वक्र पर पुनः केंद्रित नहीं करता, इसलिए यदि आपका इनपुट बहुत हल्का या बहुत गहरा है, तो स्केल के हल्के या गहरे आधे हिस्से की सीमा कम होगी — सबसे समान रैम्प के लिए मध्यम-टोन वाला बेस चुनें।

क्या मैं HEX टाइप करने के बजाय रंग दृश्य रूप से चुन सकता हूँ?

हाँ। रंग चुनने के लिए अंतर्निहित कलर पिकर वाले बड़े स्वैच पर क्लिक करें; HEX फ़ील्ड स्वचालित रूप से अपडेट होता है और जैसे-जैसे आप इसे बदलते हैं पूरा 50-950 स्केल तुरंत पुनः गणना होता है।

क्या मेरा रंग डेटा कहीं अपलोड होता है?

नहीं। सब कुछ स्थानीय रंग गणित का उपयोग करके पूरी तरह आपके ब्राउज़र में चलता है — कोई भी रंग मान कभी किसी सर्वर पर नहीं भेजा जाता, इसलिए यह ऑफ़लाइन काम करता है और आपके पैलेट को निजी रखता है।