इसका इस्तेमाल कैसे करें
- फ़ाइल चुनें पर क्लिक करें या बॉक्स पर तस्वीर छोड़ें। Ctrl+V से चिपकाकर भी जोड़ सकते हैं।
- तस्वीर के जिस हिस्से का रंग चाहिए उस पर पॉइंटर घुमाएँ। आवर्धक लेंस उसके आसपास के पिक्सल दिखाता है, और पॉइंटर के नीचे का रंग बॉक्स चार नोटेशन में रंग देता है।
- नमूने का आकार 3 × 3 या 5 × 5 रखें, ताकि एक पिक्सल की जगह एक छोटे क्षेत्र का औसत पढ़ा जाए।
- तस्वीर पर क्लिक करके रंग चुने गए रंग में जोड़ें, फिर HEX, RGB, HSL या Lab पर क्लिक करके उसे कॉपी करें।
एक पिक्सल या औसत
फोटो में शोर होता है: सपाट सतह पर भी पड़ोसी पिक्सल थोड़े अलग हो सकते हैं, इसलिए एक पिक्सल थोड़ा गलत हो सकता है। टूल पॉइंटर के आसपास 3 × 3 या 5 × 5 वर्ग का औसत निकाल सकता है। एक ही रंग के क्षेत्र पर औसत एक पिक्सल से ज्यादा स्थिर मान देता है।
चार नोटेशन
HEX और RGB वेब और डिज़ाइन सॉफ्टवेयर में आम नोटेशन हैं। HSL रंग को उसके रंग-वर्ण (hue), संतृप्ति और चमक से बताता है, जो हल्का या गहरा शेड चाहने पर काम आता है। Lab (CIE L*a*b*, sRGB के इस्तेमाल किए D65 श्वेत बिंदु के साथ) आँख के देखने के ढंग से चलता है: Lab में बराबर कदम लगभग बराबर दिखते हैं, इसलिए दो रंगों की तुलना के लिए काम आता है। CSS का lab() फ़ंक्शन इसके बजाय D50 श्वेत बिंदु लेता है, इसलिए उसके आँकड़े इनसे अलग होते हैं।
तस्वीर आपके डिवाइस पर रहती है
तस्वीर आपके ब्राउज़र में खुलती और पढ़ी जाती है। कुछ अपलोड नहीं होता, चुने गए रंग सहेजे नहीं जाते, और पेज छोड़ने पर सूची साफ हो जाती है।
उदाहरण: शुद्ध लाल
शुद्ध लाल, #FF0000, rgb(255, 0, 0), hsl(0, 100%, 50%) और L*a*b* 53.2, 80.1, 67.2 (D65) के रूप में पढ़ा जाता है। किसी लोगो का लाल पढ़ने के लिए नमूने का आकार 5 × 5 पिक्सल रखें, ताकि एक शोर वाला पिक्सल रंग तय न करे।
अक्सर पूछे जाने वाले सवाल
क्या रंग पढ़ते समय मेरी तस्वीर अपलोड होती है?
नहीं। तस्वीर आपके डिवाइस पर आपके ब्राउज़र में खुलती और पढ़ी जाती है। किसी सर्वर पर कुछ नहीं भेजा जाता, और रखे गए रंग सहेजे नहीं जाते; पेज छोड़ने पर वे साफ हो जाते हैं।
क्या परिणाम का रंग मेरी स्क्रीन के रंग जैसा होता है?
हमेशा नहीं। परिणाम तस्वीर के पिक्सल में सहेजा मान देता है। आपकी स्क्रीन, उसका कैलिब्रेशन और तस्वीर की रंग प्रोफ़ाइल रंग को अलग दिखा सकते हैं, इसलिए आँकड़े तस्वीर के अपने मान हैं, स्क्रीन का माप नहीं।
HEX और RGB में क्या फर्क है?
ये एक ही तीन मानों को लिखने के दो तरीके हैं। HEX हर मान को 0 से 255 तक, आधार 16 में लिखता है, इसलिए rgb(255, 128, 0) #FF8000 है, जबकि RGB वही संख्याएँ दशमलव में लिखता है। दोनों वेब और डिज़ाइन सॉफ्टवेयर में स्वीकार होते हैं।
टूल Lab मान क्यों दिखाता है?
Lab रंग को आँख के देखने के ढंग से बताता है: एक चमक और दो रंग-अक्ष। यह दिखाता है कि दो रंग एक-दूसरे के कितने पास हैं, HEX या RGB से बेहतर, जहाँ पास के रंगों के आँकड़े काफी अलग हो सकते हैं।
बहुत बड़ी तस्वीर से पढ़े रंग थोड़े अलग क्यों हो सकते हैं?
गति के लिए रंग एक ऐसी प्रति से पढ़े जाते हैं जिसकी सबसे लंबी भुजा में ज्यादा-से-ज्यादा 2048 पिक्सल हों। बड़े क्षेत्र का रंग वही रहता है, पर बहुत बड़ी फोटो के एक छोटे पिक्सल का औसत उसके पड़ोसियों से निकाला जा सकता है।
क्या पारदर्शी PNG से रंग पढ़े जा सकते हैं?
हाँ। परिणाम में हर पिक्सल के नीचे सहेजा गया रंग दिखता है, और पारदर्शिता पढ़ने का हिस्सा नहीं है। पारदर्शी क्षेत्र के लिए दिखाया गया मान सहेजा गया रंग है, न कि पीछे के पेज पर दिखने वाला रंग।
स्रोत
- W3C CSS Color Module Level 4 (अंग्रेजी में): the sRGB colour space
- MDN (अंग्रेजी में): CanvasRenderingContext2D.getImageData(), reading the pixels of a canvas
- MDN (अंग्रेजी में): CSS colour values, the notations of the web
आँकड़े और टेक्स्ट आखिरी बार मंगलवार, 10 नवंबर 2026 को जाँचे गए।