किसी पिक्सेल पर क्लिक करें - मान पढ़ें

HEX, RGB, HSL बस एक क्लिक दूर हैं। डिज़ाइन सुइट खोलने की कोई आवश्यकता नहीं है.

  • स्थानीय रूप से संसाधित, छवियां अपलोड नहीं की जाती हैं
  • मुफ़्त, असीमित समय
  • सटीक रंग चयन के लिए आवर्धक लेंस + एक-क्लिक कॉपी

शुरू करना

सबसे छोटा पथ·चित्र रंग चयन

किसी सॉफ़्टवेयर को इंस्टॉल करने की कोई आवश्यकता नहीं है, पूरी प्रक्रिया वेब पेज पर पूरी हो जाती है, और आवर्धक लेंस सटीक स्थिति में सहायता करता है।

  1. 1

    चित्र अपलोड करें

    छवि को सीधे वेबपेज पर चुनने या खींचने के लिए क्लिक करें। JPG, PNG, WebP और GIF समर्थित हैं। प्रत्येक छवि 20 एमबी से अधिक नहीं होनी चाहिए। एक समय में केवल एक छवि संसाधित की जाती है।

  2. 2

    माउस या उंगली की स्थिति को स्थानांतरित करें

    चित्र पर कर्सर ले जाएँ, आवर्धक लेंस वास्तविक समय में आसपास के बढ़े हुए पिक्सेल प्रदर्शित करेगा, और लाल फ्रेम उठाए जाने वाले विशिष्ट स्थान को चिह्नित करेगा।

  3. 3

    रंग चुनने के लिए क्लिक करें

    रंग चुनने के लिए लक्ष्य स्थान पर अपनी उंगली क्लिक करें या छोड़ें, और HEX, RGB और HSL प्रारूपों में मान तुरंत प्रदर्शित किए जाएंगे।

  4. 4

    रंग मान कॉपी करें

    रंग मान को क्लिपबोर्ड पर कॉपी करने और उपयोग के लिए पेस्ट करने के लिए संबंधित प्रारूप के आगे कॉपी बटन पर क्लिक करें।

समस्या निवारण

क्या रंग बीनने वाला बैच प्रोसेसिंग का समर्थन करता है?

कलर पिकर एक इंटरैक्टिव व्यूइंग फ़ंक्शन है जो पिक्सेल रंग मान पढ़ने के लिए क्लिक करता है। यह कोई निर्यात फ़ाइल उत्पन्न नहीं करता है, और "बैच" की कोई अवधारणा नहीं है - चाहे अपलोड की गई छवि कितनी भी बड़ी हो, आप रंग पढ़ने के लिए एक-एक करके विशिष्ट स्थान पर क्लिक करते हैं, इसलिए यह टूल केवल एकल छवि अपलोड का समर्थन करता है और बैच मोड प्रदान नहीं करता है।

क्या रंग चयन मेरे कंप्यूटर या फोन पर किया जाता है, या इसे सर्वर पर अपलोड करना पड़ता है?

यह आपके वर्तमान डिवाइस के ब्राउज़र में पूरी तरह से पूरा हो गया है। ब्राउज़र की मूल कैनवास पिक्सेल पढ़ने की क्षमता की मदद से, मूल छवि को किसी भी सर्वर पर अपलोड किए बिना संबंधित स्थिति का रंग मान सीधे छवि डेटा से पढ़ा जाता है।

आवर्धक कांच में दिखाई देने वाले रंग और अंततः पकड़े गए रंग के बीच थोड़ा अंतर क्यों है?

आवर्धक लेंस में जो प्रदर्शित होता है वह कर्सर की वर्तमान मँडरा स्थिति के आसपास के एक छोटे क्षेत्र का बढ़ा हुआ प्रभाव है। वास्तव में जो उठाया जाता है वह लाल बॉक्स द्वारा चिह्नित विशिष्ट पिक्सेल का रंग है; यदि छवि में स्वयं ग्रेडिएंट या शोर है, तो आसन्न पिक्सेल का रंग थोड़ा अलग होगा। जब तक आप लाल बॉक्स द्वारा चिह्नित पिक्सेल के आधार पर क्लिक और चयन करते हैं, तब तक रंग सटीक रूप से मेल खाएगा और कोई विचलन नहीं होगा।

क्या चुने गए रंग का इतिहास सहेजा जाएगा? क्या पृष्ठ को ताज़ा करने के बाद भी यह वहीं रहेगा?

चयन इतिहास केवल वर्तमान पृष्ठ की ब्राउज़र मेमोरी में सहेजा जाता है, जिससे आप एक ही ऑपरेशन में एकाधिक चुने गए रंगों की तुलना कर सकते हैं। पृष्ठ को ताज़ा करने या पृष्ठ बंद करने के बाद इतिहास साफ़ हो जाएगा, और स्थायी रूप से सहेजा या अपलोड नहीं किया जाएगा। यदि आपको एक निश्चित रंग मान को लंबे समय तक बनाए रखने की आवश्यकता है, तो पहले इसे अपने नोट्स या डिज़ाइन टूल में कॉपी और पेस्ट करने की अनुशंसा की जाती है।

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%)रंग, संतृप्ति और हल्केपन के अनुसार वर्णन करें, जिससे उसी रंग की छाया या संतृप्ति को समायोजित करना आसान हो जाता है

तीनों प्रारूप बिल्कुल एक ही रंग का वर्णन करते हैं, लेकिन संख्यात्मक प्रतिनिधित्व अलग है; पृष्ठ पर प्रत्येक प्रारूप को एक क्लिक से कॉपी किया जा सकता है और सीधे आपके द्वारा उपयोग किए जाने वाले डिज़ाइन टूल या कोड संपादक में चिपकाया जा सकता है।

तकनीकी विवरण

स्थानीय रंग चयन के संबंध में ये दो बातें जानने योग्य हैं।

  1. 01

    जो पढ़ा जाता है वह छवि के वास्तविक रिज़ॉल्यूशन पर मूल पिक्सेल होता है।

    छवि को पहले ब्राउज़र में डिकोड किया जाएगा और मूल छवि के समान रिज़ॉल्यूशन के साथ एक कैनवास पर खींचा जाएगा। आप पृष्ठ पर जो देख रहे हैं वह केवल इस कैनवास का कम किया गया प्रदर्शन प्रभाव है; जब आप रंग चुनने के लिए क्लिक करते हैं, तो रंग को प्रदर्शन स्थिति के आधार पर पढ़ा जाएगा और कैनवास के वास्तविक पिक्सेल निर्देशांक में वापस परिवर्तित किया जाएगा। इसलिए, इससे कोई फर्क नहीं पड़ता कि पृष्ठ पर छवि कितनी छोटी प्रदर्शित की गई है, रंग चुनने की सटीकता हमेशा छवि के मूल रिज़ॉल्यूशन के अनुरूप होगी और ज़ूम डिस्प्ले द्वारा विकृत नहीं होगी।

  2. 02

    कलर पिकर बैच प्रोसेसिंग का समर्थन क्यों नहीं करता है और डाउनलोड फ़ाइलें उत्पन्न नहीं करता है?

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

फ़ाइलें अभी भी आपके पास हैं, बस एक को खींचें और प्रयास करें

खाता खोलने की जरूरत नहीं. यदि आप संतुष्ट हैं, तो आगे बढ़ें और बैचिंग शुरू करें। यदि आप नहीं हैं, तो बस पैरामीटर बदलें और पुनः प्रयास करें।