रंग चयनक
कलर पिकर एक मुफ्त ऑनलाइन उपकरण है जो आपको किसी भी रंग का दृश्य रूप से चयन करने और उसके सटीक मान (HEX, RGB, HSL, HSV और CMYK प्रारूपों में) प्राप्त करने की सुविधा देता है। आदर्श रंग ढूँढने के लिए सहज सैचुरेशन/ब्राइटनेस बॉक्स और ह्यू स्लाइडर का उपयोग करें, या कोई ज्ञात मान दर्ज करके उसे देखें। यह उपकरण आपके चुने हुए रंग का रीयल-टाइम पूर्वावलोकन प्रदर्शित करता है, पूरक एवं समानांतर रंग दिखाता है, तथा हाल ही में चुने गए रंगों का इतिहास भी रखता है।वेब डिज़ाइन, डिजिटल कला, यूआई विकास या किसी भी रचनात्मक परियोजना के लिए सटीक रंग मानों की आवश्यकता वाले डिज़ाइनरों, डेवलपर्स और किसी भी व्यक्ति के लिए यह आदर्श है।
क्या है
कलर प्रोवाइडर आपको विशिष्ट संख्यात्मक मानों को जानने की आवश्यकता के बजाय रंगों को दृश्य रूप से चुनने हेतु एक इंटरैक्टिव इंटरफ़ेस प्रदान करता है। यह एक भौतिक रंग चक्र या पेंट स्वैच उपकरण का डिजिटल समकक्ष है। रंग चयनकर्ता इंटरफ़ेस में निम्नलिखित शामिल हैं: - एक 2D संतृप्ति/मान बॉक्स: क्षैतिज अक्ष संतृप्ति (धूसर से शुद्ध रंग तक) को नियंत्रित करता है, ऊर्ध्वाधर अक्ष चमक (काले से पूर्ण रंग तक) को नियंत्रित करता है। - रंग स्लाइडर: पूरे स्पेक्ट्रम (0–360 डिग्री) को दर्शाने वाली ऊर्ध्वाधर या क्षैतिज पट्टी - अपारदर्शिता/अल्फा स्लाइडर: पारदर्शिता को 0 (अदृश्य) से 1 (पूरी तरह अपारदर्शी) तक नियंत्रित करता है। - इनपुट फील्ड: HEX, RGB, HSL या अन्य मानों को स्वचालित रूपांतरण के साथ सीधे दर्ज करें। - रंग पूर्वावलोकन: विभिन्न पृष्ठभूमियों के साथ वर्तमान में चयनित रंग को दिखाने वाला बड़ा नमूना प्रत्येक घटक का उपयोग कैसे करें: अपने रंग की तीव्रता एवं हल्कापन चुनने के लिए सैचुरेशन/मान बॉक्स पर क्लिक करें या उसे खींचें। - आधार रंग परिवार (लाल, नारंगी, पीला, हरा, नीला, बैंगनी) का चयन करने के लिए ह्यू स्लाइडर को खींचें। अर्ध-पारदर्शी रंगों के लिए अल्फा स्लाइडर को समायोजित करें। सटीक विनिर्देशन के लिए HEX इनपुट में सीधे एक हेक्स कोड टाइप करें। किसी भी मान पर क्लिक करके उसे क्लिपबोर्ड में कॉपी करें। रंग संबंध प्रदर्शित किए गए हैं: - पूरक रंग (रंग चक्र में विपरीत) – विभाजित पूरक रंग – समानुपातिक रंग (पड़ोसी छटाएँ) - त्रिआयामी रंग (समान अंतराल पर) इतिहास सुविधा: यह टूल स्वचालित रूप से आपके अंतिम 10 चुने गए रंगों को ब्राउज़र के स्टोरेज में सहेज देता है, जिससे आप पुनः चयन किए बिना पिछले चयनों को दोबारा देख सकते हैं। यह विशेष रूप से विभिन्न सत्रों में कई रंगों की तुलना करते समय उपयोगी है।
कैसे उपयोग करें
- अपना रंग चुनने के लिए 2D सैचुरेशन/मान बॉक्स का उपयोग करें। सैचुरेशन को समायोजित करने हेतु क्षैतिज रूप से गति करें (मंद धूसर से तेज़ रंग तक) और चमक को समायोजित करने हेतु ऊर्ध्वाधर रूप से गति करें (गहरे से हल्के तक)। एक क्रॉसहेयर संकेतक आपकी वर्तमान स्थिति दिखाता है।
- मूल रंग का चयन करने के लिए ह्यू स्लाइडर (दाईं ओर वाली इंद्रधनुष पट्टी) को खींचें। इससे सैचुरेशन/वैल्यू बॉक्स में प्रदर्शित पूरे रंग परिवार में परिवर्तन हो जाएगा। किसी भी ह्यू पर सीधे क्लिक करके उस पर तुरंत जाएँ।
- चयनित रंग को इनपुट फ़ील्ड का उपयोग करके सूक्ष्म रूप से समायोजित करें। यदि आपको वह हेक्स कोड सटीक रूप से पता है, तो उसे सीधे दर्ज करें; या सटीक नियंत्रण के लिए संख्या इनपुट और तीर कुंजियों का उपयोग करके व्यक्तिगत RGB/HSL मानों में समायोजन करें।
- यदि आपको अर्ध-पारदर्शी रंग की आवश्यकता है, तो अल्फा/पारदर्शिता स्लाइडर को समायोजित करें। पूर्वावलोकन के पीछे दिखाए गए चौकोर पृष्ठभूमि में पारदर्शिता दृश्य रूप से प्रदर्शित होती है। RGBA और 8-अंकीय HEX आउटपुट अल्फा मान को दर्शाने के लिए अपडेट हो जाते हैं।
- पिकर के नीचे स्वचालित रूप से उत्पन्न पूरक, समानांतर एवं त्रिकोणीय रंग देखें। संपादन या प्रतिलिपि के लिए किसी भी उत्पन्न रंग पर क्लिक करके उसे सक्रिय रंग के रूप में चुनें।
- यदि आपने हाल ही में कोई रंग उपयोग किया है, तो इतिहास से अपना रंग चुनें। पिछले 10 रंग आसान पहुँच के लिए ब्राउज़र के स्टोरेज में सहेजे गए हैं। किसी भी इतिहास स्वैच पर क्लिक करके उसे फिर से चुनें।
- प्रत्येक प्रारूप (HEXA, RGB, HSL) के बगल में दिए गए कॉपी बटनों का उपयोग करके चयनित रंग मान को अपने पसंदीदा प्रारूप में कॉपी करें। कॉपी किया गया मान सीधे आपके क्लिपबोर्ड में जाएगा, जहाँ आप इसे CSS, डिज़ाइन टूल्स या कोड में पेस्ट कर सकते हैं।
उदाहरण
इनपुट: Screen position: x=450, y=320
प्रक्रिया: Read pixel → RGB extraction → HEX conversion
परिणाम: HEX: #2563EB | RGB(37, 99, 235)
इनपुट: Natural color: Select sky blue from image
प्रक्रिया: Image sampling → Average pixel color
परिणाम: HEX: #87CEEB | RGB(135, 206, 235)
संबंधित खोजें
लोग यह भी खोजते हैं: रंग चुनावी, रंग चयनकर्ता, रंग वृत्त, रंग चयनकर्ता।
रंग चुनावीरंग चयनकर्तारंग वृत्तरंग चयनकर्ता
अक्सर पूछे जाने वाले प्रश्न
मैं पहले से जानी हुई किसी विशेष हेक्स रंग को कैसे चुनूँ?
बस हेक्स कोड को HEX इनपुट फील्ड में टाइप या पेस्ट करें। यह तुरंत पार्स होकर पिकर में प्रदर्शित हो जाएगा। 8-अंकीय हेक्स कोडों (जिनमें अक्षर भी हों) के लिए, RGBA इनपुट का उपयोग करें या अक्षर भाग (#RRGGBBAA) सहित कोड टाइप करें। इससे पिकर सभी अन्य प्रारूप मानों को अपडेट कर देगा और दृश्य चयन स्वचालित रूप से बदल जाएगा।
क्या मैं अपने डिज़ाइन सॉफ़्टवेयर जैसे Figma या Sketch में कलर पिकर का उपयोग कर सकता हूँ?
हाँ। टूल का उपयोग करके एक रंग चुनें और हेक्स या RGBA मान की प्रतिलिपि बनाकर उसे सीधे Figma, Sketch, Adobe XD या किसी भी ऐसे डिज़ाइन सॉफ्टवेयर में पेस्ट करें जो हेक्स/RGB मान स्वीकार करता हो। Sketch के लिए, रंग चयनकर्ता में हेक्स फील्ड में पेस्ट करें। Figma के लिए, डिज़ाइन पैनल में हेक्स इनपुट में पेस्ट करें। यदि आपकी कार्यप्रणाली इन प्रारूपों को प्राथमिकता देती है, तो RGB और HSL मान भी उपयोग में लाए जा सकते हैं।
HSV क्या है और यह HSL से कैसे भिन्न है?
HSV (ह्यू, सैचुरेशन, वैल्यू) और HSL (ह्यू, सैचुरेशन, लाइटनेस) दोनों सिलिंड्रिकल रंग मॉडल हैं, लेकिन वे चमक को परिभाषित करने के तरीके में भिन्न हैं। HSV में, वैल्यू पूर्ण सैचुरेशन पर रंग की चमक को नियंत्रित करता है। HSL में, लाइटनेस काले और सफेद के बीच के मध्यबिंदु को नियंत्रित करता है। शुद्ध रंग HSV में V=100% पर दिखाई देते हैं, जबकि HSL में यह L=50% पर होता है। हल्के टिंट्स (L बढ़ाएँ) या गहरे छायाओं (L कम करें) बनाने के लिए HSL आमतौर पर अधिक सहज है। विभिन्न कार्यप्रवाहों के साथ संगतता सुनिश्चित करने के लिए यह टूल दोनों मॉडलों को प्रदर्शित करता है।
क्या कलर पिकर स्क्रीन रंगों (आईड्रॉपर) के साथ काम करता है?
यदि आपका ब्राउज़र EyeDropper API का समर्थन करता है, तो यह टूल System Eyedropper के साथ काम करता है। Eyedropper आइकन पर क्लिक करें और आपका कर्सर मैग्नीफायर में बदल जाएगा—अपनी स्क्रीन पर किसी भी पिक्सेल पर क्लिक करके उसका रंग नमूना लें। यह किसी भी एप्लिकेशन, वेबपेज या डेस्कटॉप तत्व से रंग लेता है। यदि आपका ब्राउज़र EyeDropper API का समर्थन नहीं करता, तो आप तृतीय-पक्ष स्क्रीन रंग पिकर एप्लिकेशनों का उपयोग कर सकते हैं और हेक्स वैल्यू को मैन्युअल रूप से दर्ज कर सकते हैं।
मेरे रंग स्क्रीन पर और प्रिंट में क्यों अलग दिखते हैं?
स्क्रीन पर प्रदर्शित रंगों में RGB (लाल, हल्का नीला) का उपयोग किया जाता है, जबकि मुद्रण में CMYK (सायन, मैजेंटा, पीला, काला स्याही) का उपयोग किया जाता है। इन रंग स्पेसों के गैमट अलग-अलग होते हैं — कुछ चमकीले स्क्रीन रंगों का कोई सटीक CMYK समकक्ष नहीं होता। यह टूल संदर्भ के लिए CMYK मान प्रदान करता है, लेकिन सटीक मुद्रण रंग प्राप्त करने के लिए पैंटोन मिलान प्रणाली के मानों का उपयोग करें या अपने प्रिंटर के रंग प्रोफाइल का संदर्भ लें। स्क्रीन की चमक, मॉनिटर कैलिब्रेशन और परिवेशी प्रकाश भी विभिन्न उपकरणों पर रंगों के प्रदर्शन को प्रभावित करते हैं।