छवि पिक्सेल से रंग चुनें अपलोड की गई छवि में पिक्सेल से विशिष्ट रंग चुनें।

यह टूल आरजीबी डेटा पढ़ने के लिए एचटीएमएल५ कैनवास एपीआई का उपयोग करता है। अपलोड की गई छवि अपने मूल रिज़ॉल्यूशन पर एक कैनवास तत्व पर आकर्षित की जाती है। जब उपयोगकर्ता क्लिक करता है, तो माउस समन्वय सीएसएस पिक्सेल से कैनवास पिक्सेल में स्केल अनुपात (कैनवास.चौड़ाई / तत्व.चौड़ाई) का उपयोग करके अनुवादित किया जाता है। getImageData(x, y, 1, 1) विधि एक Uint8ClampedArray लौटाती है जिसमें [आर, जी, बी, ए] मान क्लिक किए गए पिक्सेल के लिए होते हैं। इन मानों को प्रदर्शन के लिए हेक्स प्रारूप में परिवर्तित किया जाता है। चयन इतिहास रिएक्ट स्टेट में एक हेक्स स्ट्रिंग की सरणी के रूप में बनाए रखा जाता है, डुप्लिकेट हटा दिया जाता है और 10 प्रविष्टियों पर टोपी लगाई जाती है। छवि रेंडरिंग गुणवत्ता कैनवास रिज़ॉल्यूशन पर निर्भर करती है - बड़ी छवियां सीएसएस आकार में प्रदर्शित की जाती हैं लेकिन सटीक पिक्सेल चयन के लिए अपने पूर्ण रिज़ॉल्यूशन को बनाए रखती हैं।