डिज़ाइन ड्राफ्ट/वेबपेज स्क्रीनशॉट से ब्रांड रंग निकालें
जब आपको अपनी पसंद की कोई वेबसाइट रंग योजना या ब्रांड विज़न दिखाई दे, तो स्क्रीनशॉट अपलोड करें और अपने डिज़ाइन या कोड के लिए सटीक HEX मान प्राप्त करने के लिए सीधे कुंजी रंग ब्लॉक पर क्लिक करें।
रंग चुनने के लिए छवि पर कहीं भी क्लिक करें या खींचें
रंग चुनने के लिए चित्र पर क्लिक करने के बाद, इसे फिर से आसानी से देखने और तुलना करने के लिए यहां रिकॉर्ड किया जाएगा।
शुरू करना
किसी सॉफ़्टवेयर को इंस्टॉल करने की कोई आवश्यकता नहीं है, पूरी प्रक्रिया वेब पेज पर पूरी हो जाती है, और आवर्धक लेंस सटीक स्थिति में सहायता करता है।
छवि को सीधे वेबपेज पर चुनने या खींचने के लिए क्लिक करें। JPG, PNG, WebP और GIF समर्थित हैं। प्रत्येक छवि 20 एमबी से अधिक नहीं होनी चाहिए। एक समय में केवल एक छवि संसाधित की जाती है।
चित्र पर कर्सर ले जाएँ, आवर्धक लेंस वास्तविक समय में आसपास के बढ़े हुए पिक्सेल प्रदर्शित करेगा, और लाल फ्रेम उठाए जाने वाले विशिष्ट स्थान को चिह्नित करेगा।
रंग चुनने के लिए लक्ष्य स्थान पर अपनी उंगली क्लिक करें या छोड़ें, और HEX, RGB और HSL प्रारूपों में मान तुरंत प्रदर्शित किए जाएंगे।
रंग मान को क्लिपबोर्ड पर कॉपी करने और उपयोग के लिए पेस्ट करने के लिए संबंधित प्रारूप के आगे कॉपी बटन पर क्लिक करें।
समस्या निवारण
कलर पिकर एक इंटरैक्टिव व्यूइंग फ़ंक्शन है जो पिक्सेल रंग मान पढ़ने के लिए क्लिक करता है। यह कोई निर्यात फ़ाइल उत्पन्न नहीं करता है, और "बैच" की कोई अवधारणा नहीं है - चाहे अपलोड की गई छवि कितनी भी बड़ी हो, आप रंग पढ़ने के लिए एक-एक करके विशिष्ट स्थान पर क्लिक करते हैं, इसलिए यह टूल केवल एकल छवि अपलोड का समर्थन करता है और बैच मोड प्रदान नहीं करता है।
यह आपके वर्तमान डिवाइस के ब्राउज़र में पूरी तरह से पूरा हो गया है। ब्राउज़र की मूल कैनवास पिक्सेल पढ़ने की क्षमता की मदद से, मूल छवि को किसी भी सर्वर पर अपलोड किए बिना संबंधित स्थिति का रंग मान सीधे छवि डेटा से पढ़ा जाता है।
आवर्धक लेंस में जो प्रदर्शित होता है वह कर्सर की वर्तमान मँडरा स्थिति के आसपास के एक छोटे क्षेत्र का बढ़ा हुआ प्रभाव है। वास्तव में जो उठाया जाता है वह लाल बॉक्स द्वारा चिह्नित विशिष्ट पिक्सेल का रंग है; यदि छवि में स्वयं ग्रेडिएंट या शोर है, तो आसन्न पिक्सेल का रंग थोड़ा अलग होगा। जब तक आप लाल बॉक्स द्वारा चिह्नित पिक्सेल के आधार पर क्लिक और चयन करते हैं, तब तक रंग सटीक रूप से मेल खाएगा और कोई विचलन नहीं होगा।
चयन इतिहास केवल वर्तमान पृष्ठ की ब्राउज़र मेमोरी में सहेजा जाता है, जिससे आप एक ही ऑपरेशन में एकाधिक चुने गए रंगों की तुलना कर सकते हैं। पृष्ठ को ताज़ा करने या पृष्ठ बंद करने के बाद इतिहास साफ़ हो जाएगा, और स्थायी रूप से सहेजा या अपलोड नहीं किया जाएगा। यदि आपको एक निश्चित रंग मान को लंबे समय तक बनाए रखने की आवश्यकता है, तो पहले इसे अपने नोट्स या डिज़ाइन टूल में कॉपी और पेस्ट करने की अनुशंसा की जाती है।
HEX (जैसे #FF3B30) वेब विकास और अधिकांश डिज़ाइन टूल में सबसे अधिक उपयोग किया जाने वाला प्रारूप है। इसे चिपकाना और उपयोग करना सरल और आसान है; आरजीबी (जैसे कि आरजीबी(255, 59, 48)) तब अधिक सहज होता है जब तीन लाल, हरे और नीले चैनलों के मूल्यों को अलग-अलग समायोजित करने की आवश्यकता होती है; एचएसएल (जैसे एचएसएल(4, 100%, 59%)) रंग, संतृप्ति और हल्केपन के अनुसार रंगों का वर्णन करता है, जो तब अधिक सुविधाजनक होता है जब उसी रंग के आधार पर गहराई या संतृप्ति को समायोजित करना आवश्यक होता है। तीनों प्रारूप एक ही रंग का वर्णन करते हैं। जिस टूल या कोड में आप वास्तव में पेस्ट करना चाहते हैं, उसके अनुसार बस संबंधित प्रारूप का चयन करें।
कर सकना। रंग चयनकर्ता छवि को डिकोड करने के बाद मूल पिक्सेल डेटा को पढ़ता है, जो पृष्ठ प्रदर्शन आकार से प्रभावित नहीं होता है - भले ही छवि को कम किया जाता है और पृष्ठ पर प्रदर्शित किया जाता है, फिर भी उठाते समय छवि के वास्तविक रिज़ॉल्यूशन के अनुसार संबंधित स्थिति में पिक्सेल रंग सटीक रूप से पढ़ा जाता है, और ज़ूम डिस्प्ले के कारण कोई रंग विचलन नहीं होगा।
रंग चुनने और पिक्सेल पढ़ने की पूरी प्रक्रिया ब्राउज़र में स्थानीय रूप से पूरी की जाती है, और छवि किसी भी सर्वर से नहीं गुजरेगी।
मँडराते समय, कर्सर के चारों ओर के पिक्सेल वास्तविक समय में बड़े हो जाते हैं, और लाल बॉक्स उठाए जाने वाले विशिष्ट पिक्सेल को चिह्नित करता है।
HEX, RGB और HSL एक ही समय में प्रदर्शित होते हैं। सीधे डिज़ाइन टूल या कोड में पेस्ट करने के लिए कॉपी बटन पर क्लिक करें।
कोई पंजीकरण नहीं, कोई भुगतान नहीं, और कोई छिपी हुई उपयोग सीमा नहीं
लागू स्थितियाँ
फीचर सूची नहीं, लेकिन "किसी चित्र को ऊपर खींचने लायक कब है?" यदि यह काम नहीं करता है, तो उपकरण बदल दें, इसका जबरदस्ती उपयोग न करें।
जब आपको अपनी पसंद की कोई वेबसाइट रंग योजना या ब्रांड विज़न दिखाई दे, तो स्क्रीनशॉट अपलोड करें और अपने डिज़ाइन या कोड के लिए सटीक HEX मान प्राप्त करने के लिए सीधे कुंजी रंग ब्लॉक पर क्लिक करें।
डिज़ाइन या चित्रण रंग मिलान के संदर्भ के रूप में किसी लैंडस्केप या पोर्ट्रेट फ़ोटो से आकाश, त्वचा, पौधे आदि जैसे प्राकृतिक स्वर निकालें।
डिज़ाइन ड्राफ्ट को विकसित और पुनर्स्थापित करते समय, नग्न आंखों से अनुमान लगाए बिना तुरंत पुष्टि करने के लिए डिज़ाइन ड्राइंग के स्क्रीनशॉट और वास्तविक पृष्ठ के स्क्रीनशॉट पर रंग तुलना HEX मान लें।
रंग प्रारूप
एक ही रंग के लिए तीन अलग-अलग वर्णन विधियाँ हैं। चिपकाए जाने वाले दृश्य के अनुसार संबंधित प्रारूप का चयन करें।
| प्रारूप | लेखन उदाहरण | सामान्य उपयोग परिदृश्य |
|---|---|---|
| HEX | #FF3B30 | वेब सीएसएस, अधिकांश डिज़ाइन टूल के लिए रंगीन इनपुट बॉक्स (उदाहरण के लिए फिगमा, फ़ोटोशॉप) |
| RGB | आरजीबी(255, 59, 48) | ऐसे दृश्य जिनमें लाल, हरे और नीले चैनल मानों को अलग-अलग देखने या समायोजित करने की आवश्यकता होती है |
| HSL | एचएसएल(4, 100%, 59%) | रंग, संतृप्ति और हल्केपन के अनुसार वर्णन करें, जिससे उसी रंग की छाया या संतृप्ति को समायोजित करना आसान हो जाता है |
तीनों प्रारूप बिल्कुल एक ही रंग का वर्णन करते हैं, लेकिन संख्यात्मक प्रतिनिधित्व अलग है; पृष्ठ पर प्रत्येक प्रारूप को एक क्लिक से कॉपी किया जा सकता है और सीधे आपके द्वारा उपयोग किए जाने वाले डिज़ाइन टूल या कोड संपादक में चिपकाया जा सकता है।
तकनीकी विवरण
छवि को पहले ब्राउज़र में डिकोड किया जाएगा और मूल छवि के समान रिज़ॉल्यूशन के साथ एक कैनवास पर खींचा जाएगा। आप पृष्ठ पर जो देख रहे हैं वह केवल इस कैनवास का कम किया गया प्रदर्शन प्रभाव है; जब आप रंग चुनने के लिए क्लिक करते हैं, तो रंग को प्रदर्शन स्थिति के आधार पर पढ़ा जाएगा और कैनवास के वास्तविक पिक्सेल निर्देशांक में वापस परिवर्तित किया जाएगा। इसलिए, इससे कोई फर्क नहीं पड़ता कि पृष्ठ पर छवि कितनी छोटी प्रदर्शित की गई है, रंग चुनने की सटीकता हमेशा छवि के मूल रिज़ॉल्यूशन के अनुरूप होगी और ज़ूम डिस्प्ले द्वारा विकृत नहीं होगी।
रंग बीनने वाले का कार्य "पिक्सेल के रंग मान को पढ़ने के लिए क्लिक करना" है। यह पूरी तरह से इंटरैक्टिव देखने का उपकरण है। यह कोई भी छवि फ़ाइल उत्पन्न नहीं करता है जिसे डाउनलोड करने की आवश्यकता हो। स्वाभाविक रूप से, "एकाधिक परिणाम उत्पन्न करने के लिए एकाधिक छवियों को संसाधित किया जाता है" का कोई बैच शब्दार्थ नहीं है। यदि आपको अलग-अलग कई चित्रों से रंग चुनने की आवश्यकता है, तो बस उन्हें एक-एक करके अपलोड करें और उन्हें एक-एक करके देखें। हर बार जब आप चित्र बदलते हैं, तो वर्तमान चयन इतिहास साफ़ हो जाएगा।
खाता खोलने की जरूरत नहीं. यदि आप संतुष्ट हैं, तो आगे बढ़ें और बैचिंग शुरू करें। यदि आप नहीं हैं, तो बस पैरामीटर बदलें और पुनः प्रयास करें।