रंग का नाम खोजक क्या है?
कोई भी HEX, RGB या HSL मान डालें और 1,500 से ज़्यादा नामों वाले डेटाबेस से सबसे नज़दीकी नामित रंग पाएं। यह रंग कोड को ऐसे नाम में बदल देता है जिसे आप बोलकर बता सकें, जो डिज़ाइन डॉक लिखते समय या किसी साथी के साथ पैलेट पर बात करते समय काम आता है।
रंगों के नाम ओपन-सोर्स color-name-list डेटासेट से आते हैं, यही डेटा Figma प्लग-इन और Tailwind एक्सटेंशन भी काम में लेते हैं। HEX वैल्यू डाल सकते हैं, इनपुट को RGB या HSL पर बदलकर चैनल लिख सकते हैं, या रंग पिकर से चुन सकते हैं। टूल RGB यूक्लिडियन दूरी से सबसे नज़दीकी नाम लौटाता है और उसे HEX, RGB, HSL, HSV तथा CMYK में दिखाता है, साथ ही दो वैकल्पिक नाम, एक मिलान स्कोर और WCAG कंट्रास्ट जाँच भी देता है, ताकि आपको पता रहे कि यह लगभग पूरी तरह मेल खाता है या सिर्फ़ मोटा-मोटा अनुमान है।
उपयोग कैसे करें
- चरण 1 — HEX में रंग मान दर्ज करें (जैसे #3B82F6), इनपुट को RGB या HSL पर बदलकर चैनल लिखें, या कलर पिकर से विज़ुअली चुनें।
- चरण 2 — टूल तुरंत सबसे नज़दीकी नामित रंग को सटीक मैच दूरी के साथ खोजता है।
- चरण 3 — रंग का नाम, उसका सटीक HEX मान, और आपके इनपुट और नामित रंग के बीच विज़ुअल तुलना देखें।
कब उपयोग करें
- ब्रांड रंग को स्टाइल गाइड या डिज़ाइन सिस्टम में डालने से पहले उसे एक मानक नाम देना।
- स्क्रीनशॉट से लिए रंग को ऐसे नाम में बदलना जिसे डेवलपर अपने कोड में खोज सके।
- पेंट या कपड़े के स्वैच को किसी जानी-पहचानी वेब पैलेट से मिलाकर उसका मानक नाम जानना।
परिणाम
एक डेवलपर #4A90D9 दर्ज करता है और पाता है कि यह "Steel Blue" (#4682B4) के सबसे करीब है, 96.2% समानता के साथ।
अक्सर पूछे जाने वाले प्रश्न
- रंगों के ये नाम कहाँ से आते हैं?
- ओपन-सोर्स प्रोजेक्ट color-name-list से। इसमें लगभग 1500 चुने हुए नाम हैं जो xkcd रंग सर्वे, पेंट निर्माताओं की कैटलॉग और CSS विनिर्देश से इकट्ठा किए गए हैं। बहुत-से डिज़ाइन टूल इसी डेटा पर निर्भर हैं, इसलिए नाम जाने-पहचाने लगेंगे।
- कुछ रंगों की समानता 100% तक क्यों नहीं पहुँचती?
- सिर्फ़ वही रंग 100% पाते हैं जो लिस्ट की किसी एंट्री से बिल्कुल मेल खाते हैं। बाक़ी सबको RGB दूरी के हिसाब से सबसे नज़दीकी पड़ोसी मिलता है। 95% से ऊपर आँख कोई फ़र्क़ नहीं देखती; 85% से नीचे होते ही नाम और असली रंग का अंतर साफ़ दिखने लगता है।
- यह RGB दूरी मापता है या परसेप्चुअल दूरी?
- RGB स्पेस में यूक्लिडियन दूरी। यह तेज़ है और ज़्यादातर वेब रंगों के लिए सही नतीजा देती है। हाँ, बहुत संतृप्त लाल और हरे रंगों पर इंसानी आँख RGB मॉडल से ज़्यादा संवेदनशील होती है, तो वहाँ चुना गया नाम थोड़ा हटकर लग सकता है।
- क्या HSL, RGB या HEX सीधे डाल सकते हैं?
- हाँ — तीनों मौजूद हैं। इनपुट टैब को HEX, RGB या HSL पर बदलें और अपना मान लिखें, या पिकर से रंग चुनें। रिज़ल्ट कार्ड मिलते रंग को HSL, HSV और CMYK में भी दिखाता है, ताकि आप जो फ़ॉर्मेट चाहें उसे कॉपी कर सकें।
- बहुत अलग दिखने वाले दो HEX वैल्यू एक ही नाम क्यों दिखाते हैं?
- लिस्ट में कुछ हिस्से, ख़ासकर मद्धम न्यूट्रल और पेस्टल गुलाबी, बहुत कम कवर हुए हैं। जब दोनों इनपुट किसी भी मौजूदा नाम से दूर हों, तो वही नज़दीकी पड़ोसी दोनों के लिए जीतता है। दूरी कितनी है, समानता स्कोर देखकर पता चलता है।