कलर पैलेट एक्सट्रैक्टर

यह कैसे काम करता है

आपकी इमेज को एक छिपे कैनवस पर, ज़्यादा से ज़्यादा 200 पिक्सल तक छोटा करके रेंडर किया जाता है, क्योंकि छोटी इमेज असली जैसा ही कलर डिस्ट्रीब्यूशन रखती है और हज़ारों गुना तेज़ पढ़ी जाती है. getImageData() से रॉ RGBA डेटा निकलता है, और आधे से ज़्यादा ट्रांसपेरेंट कोई भी पिक्सल छोड़ दिया जाता है. बचा हर पिक्सल हर चैनल के 6 लेवल वाले एक मोटे ग्रिड में गिरता है, यानी कुल 216 बकेट, और हर बकेट असली वैल्यूज़ का जोड़ रखता है. बकेट को पिक्सल काउंट से सॉर्ट किया जाता है, टॉप N बकेट जीतते हैं, और हर स्वैच अपने बकेट के असली पिक्सल का औसत है, बकेट का सेंटर नहीं, जिससे नतीजे नकली-ग्रेडिएंट जैसे नहीं दिखते.

इस तरीके की एक ईमानदार सीमा यह है: यह इंपोर्टेंस नहीं, एरिया नापता है. बेज दीवार के सामने खड़े किसी पोर्ट्रेट में सब्जेक्ट की नीली जैकेट का ज़िक्र आने से पहले बेज के पांच शेड्स मिलेंगे, क्योंकि दीवार में बस ज़्यादा पिक्सल हैं. अगर आपको डॉमिनेंट रंगों की बजाय एक्सेंट रंग चाहिए, तो कलर काउंट बढ़ाएं और लिस्ट के आखिर की तरफ देखें, या अपलोड करने से पहले इमेज को उस हिस्से तक क्रॉप कर लें जो मायने रखता है.

इमेज कभी आपकी डिवाइस से बाहर नहीं जाती: यह एक लोकल ऑब्जेक्ट URL से लोड होती है, मेमोरी में कैनवस पर रेंडर होती है, और बाइट्स के रूप में पढ़ी जाती है, यह सब इस पेज के जावास्क्रिप्ट में होता है. यहां कोई अपलोड स्टेप है ही नहीं जिसे इंटरसेप्ट किया जा सके, और रंग निकालते समय नेटवर्क टैब खाली रहता है.