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

अपने प्रमुख रंग निकालने के लिए एक छवि अपलोड करें। प्रत्येक स्वॉच के HEX कोड प्राप्त करें, एक क्लिक में कॉपी करें। सब कुछ आपके ब्राउज़र में चलता है।

रंग पैलेट एक्सट्रैक्टर कैसे काम करता है

Color Palette Extractor आपकी इमेज का विश्लेषण करता है और Canvas में पिक्सेल डेटा के विरुद्ध चलाए गए k-means clustering एल्गोरिदम का उपयोग करके सबसे दृश्यात्मक रूप से प्रभावशाली रंगों की पहचान करता है। परिणाम HEX मानों के साथ रंग स्वैच का एक सेट है जिसे आप व्यक्तिगत रूप से कॉपी कर सकते हैं। कोई इमेज बाइट आपके ब्राउज़र से नहीं निकलतीं; पिक्सेल सैम्पलिंग Web Worker में स्थानीय रूप से चलती है ताकि मुख्य थ्रेड प्रतिक्रियाशील रहे।

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

लिखा है Bastien Sulyan

रंग पैलेट एक्सट्रैक्टर: चरण दर चरण उपयोग विधि

अपनी इमेज अपलोड क्षेत्र पर ड्रॉप करें या ब्राउज़ करने के लिए क्लिक करें।
निकाले जाने वाले रंगों की संख्या सेट करें (आमतौर पर 5 से 12)।
Extract पर क्लिक करें। पिक्सेल clustering Web Worker में स्थानीय रूप से चलती है।
परिणामी रंग स्वैच और उनके HEX मान देखें।
किसी भी स्वैच पर क्लिक करके उसका HEX कोड क्लिपबोर्ड पर कॉपी करें।

सामान्य उपयोग के मामले

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

अक्सर पूछे जाने वाले प्रश्न

रंग निष्कर्षण एल्गोरिदम कैसे काम करता है?

टूल Canvas.getImageData() के माध्यम से इमेज से सभी पिक्सेल मान पढ़ता है, गति के लिए उन्हें डाउनसैम्पल करता है, फिर k-means clustering चलाता है। प्रत्येक cluster centroid आउटपुट रंगों में से एक बन जाता है। K-means रंग निकटता के आधार पर पिक्सेल समूहित करता है ताकि प्रमुख दृश्य टोन centroid रंगों के रूप में उभरें।

क्या रंग निकालने के लिए इमेज अपलोड करनी होती है?

नहीं। पिक्सेल सैम्पलिंग आपके ब्राउज़र में Web Worker के अंदर होती है। इमेज आपकी लोकल डिस्क से पढ़ी जाती है, OffscreenCanvas पर खींची जाती है, और पिक्सेल array मेमोरी में प्रोसेस होती है। डेटा आपके डिवाइस से नहीं जाता।

निकाले गए रंग इमेज में मेरे देखे गए रंगों से थोड़े अलग क्यों दिखते हैं?

K-means centroids पिक्सेल रंगों के एक cluster का गणितीय औसत दर्शाते हैं। बहुत सामान्य लेकिन थोड़ा भिन्न रंग (जैसे हल्के gradient भिन्नताओं वाला नीला आकाश) ऐसा centroid उत्पन्न करेगा जो औसत ह्यू है, न कि कोई सटीक पिक्सेल मान जिसे आप इंगित कर सकें। परिणाम एक प्रतिनिधि औसत है, न कि किसी विशिष्ट पिक्सेल का नमूना।

क्या मैं पारदर्शिता वाली फोटो से पैलेट निकाल सकता हूं?

पूरी तरह पारदर्शी पिक्सेल (alpha = 0) clustering से बाहर रखे जाते हैं ताकि पारदर्शी क्षेत्र Canvas पृष्ठभूमि fill के आधार पर निकाले गए रंगों को काले या सफेद की ओर पक्षपाती न करे। अर्ध-पारदर्शी पिक्सेल उनके alpha मान के अनुसार भारित करके नमूने में शामिल होते हैं।

रंग कोड किस फॉर्मेट में हैं?

टूल HEX कोड आउटपुट करता है (जैसे #3A7BD5)। यदि आपको RGB, HSL या अन्य फॉर्मेट चाहिए, तो HEX मान Color Converter टूल में कॉपी करें, जो HEX स्वीकार करता है और सभी सामान्य रंग मॉडल में कनवर्ट करता है।