इमेज से कलर पैलेट
k-means क्लस्टरिंग से फ़ोटो के प्रमुख रंग निकालें, देखें कि हर रंग कितने प्रतिशत हिस्से में है, और HEX कोड, CSS वेरिएबल या JSON कॉपी करें।
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
इमेज कलर पैलेट क्या है?
यह टूल इमेज के मुख्य रंग ढूँढकर उन्हें पैलेट के रूप में दिखाता है, इस क्रम में कि हर रंग इमेज के कितने हिस्से को ढकता है। 2 से 12 रंगों में से चुनें और उन्हें HEX कोड, CSS कस्टम प्रॉपर्टी या RGB वैल्यू व प्रतिशत वाले JSON के रूप में कॉपी करें।
इमेज कलर पैलेट का उपयोग कैसे करें
- इमेज छोड़ें, चुनें या पेस्ट करें।
- रंगों की संख्या चुनें।
- पैलेट बार और हर रंग के HEX, RGB व प्रतिशत वाली सूची पढ़ें।
- कोई एक HEX कोड कॉपी करें, या CSS वेरिएबल के रूप में कॉपी करें, JSON के रूप में कॉपी करें या HEX सूची कॉपी करें इस्तेमाल करें।
उदाहरण
40×20 image split into red, green, blue and white quadrants, 4 colors
#FF0000 25%, #00FF00 25%, #0000FF 25%, #FFFFFF 25%
इमेज कलर पैलेट का उपयोग कब करें
फ़ोटो या आर्टवर्क से कलर स्कीम बनाने, वेबसाइट थीम को हीरो इमेज से मिलाने, या किसी ब्रांड की इमेजरी का विश्लेषण करने में इसका इस्तेमाल करें। क्लस्टर औसत किसी एक पिक्सेल से थोड़े अलग हो सकते हैं; एक सटीक पिक्सेल का रंग पढ़ने के लिए इमेज कलर पिकर इस्तेमाल करें।
इमेज कलर पैलेट कैसे काम करता है
इमेज को सबसे लंबी तरफ़ अधिकतम 256 px तक छोटा किया जाता है और पूरी तरह पारदर्शी पिक्सेल अनदेखे किए जाते हैं। बाकी पिक्सेल को RGB स्पेस में k-means क्लस्टरिंग से समूहित किया जाता है: शुरुआती केंद्र निर्धारित तरीके से चुने जाते हैं (औसत रंग के सबसे नज़दीकी पिक्सेल से शुरू करके, फिर बार-बार वह पिक्सेल जो चुने हुए सभी केंद्रों से सबसे दूर हो), और अधिकतम 12 इटरेशन में पिक्सेल दोबारा बाँटे जाते हैं और हर केंद्र अपने क्लस्टर के औसत पर जाता है। हर पैलेट रंग एक क्लस्टर का औसत है; उसका प्रतिशत उस क्लस्टर में पिक्सेल का हिस्सा है।
सामान्य उपयोग मामले
- हेडर फ़ोटो से वेबसाइट कलर थीम बनाना।
- लोगो या प्रोडक्ट शॉट से ब्रांड रंग निकालना।
- डिज़ाइन सिस्टम के मूड बोर्ड के लिए CSS वेरिएबल बनाना।
- अलग-अलग इमेज के रंग संतुलन की तुलना करना।
सुरक्षा नोट
इमेज आपके ब्राउज़र में Canvas API से ही डिकोड, प्रोसेस और एन्कोड होती हैं। कुछ भी सर्वर पर अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
रंग इमेज से थोड़े अलग क्यों हैं?
हर पैलेट रंग मिलते-जुलते पिक्सेल के समूह का औसत है, इसलिए वह किसी एक पिक्सेल से ठीक मेल न खाए, खासकर ग्रेडिएंट वाली फ़ोटो में।
क्या हर बार वही पैलेट मिलेगा?
हाँ। एल्गोरिद्म निर्धारित सीडिंग इस्तेमाल करता है, इसलिए वही इमेज और रंगों की वही संख्या हमेशा वही पैलेट देती है।
क्या पारदर्शी पिक्सेल गिने जाते हैं?
नहीं। 50% से कम अपारदर्शिता वाले पिक्सेल अनदेखे किए जाते हैं, इसलिए पारदर्शी बैकग्राउंड पर लोगो सिर्फ़ लोगो के रंग देता है।