ColorSnap
किसी भी तस्वीर से असली पैलेट निकालिए और फिर उसे हाथ से सुधारिए। रंगों का समूहन एक बोधगत रंग-अवकाश में होता है, ड्रॉपर पिक्सेल तक जाता है, और कुछ भी कभी आपके ब्राउज़र से बाहर नहीं जाता।
यहाँ तस्वीर छोड़िए या अपलोड करने के लिए क्लिक कीजिए
PNG, JPG, WebP, AVIF, GIF, BMP, HEIC, TIFF और SVG — 80 MB तक, आपके ब्राउज़र में पढ़े जाते हैं
पैलेट
पैलेट बनाने के लिए कोई तस्वीर लोड कीजिए।
यह कैसे काम करता है
एक तस्वीर लाइए
उसे छोड़िए, चुनिए, चिपकाइए, या oLoveTools के किसी दूसरे औज़ार से भेजिए। अभी कुछ नहीं चलता।
पहले सेट कीजिए
तय कीजिए कि कितने रंग चाहिए, नमूने कितने गहरे लेने हैं, और कौन-से रंग छोड़ने हैं।
आपके कहने पर निकाला जाएगा
मीडियन कट दायरा छोटा करता है, फिर k-means उसे OKLab में निखारता है, जहाँ दूरी वही होती है जो आपको दिखती है।
हाथ से सुधारिए
जो सही है उसे पिन कीजिए, जो नहीं है उसे हटाइए, और गणित से जो छूट गया उसे ड्रॉपर से उठाइए।
रंग वैसे ही देखता है जैसे आप
समूहन OKLab में होता है, इसलिए देखने में एक जैसे दो नीले कभी दोनों नहीं चुने जाते जबकि तस्वीर का इकलौता नारंगी छूट जाए।
लेंस वाला ड्रॉपर
पिक्सेल तक ज़ूम कीजिए, मान देखने के लिए कर्सर ले जाइए, और रखने के लिए क्लिक कीजिए। Alt+क्लिक उस नमूने को हटाता है जो आपके निशाने के सबसे करीब है।
जो पहले से जँच रहा है उसे पिन कीजिए
एक नमूना बंद कर दीजिए और बाकी पैलेट उसके इर्द-गिर्द दोबारा बनता है, शून्य से शुरू करके आपका पसंदीदा रंग खोने के बजाय।
पठनीयता जाँची हुई
सफ़ेद, काले और हर दूसरे नमूने के मुकाबले असली WCAG 2.1 कंट्रास्ट अनुपात, साथ में प्रोटान, ड्यूटान और ट्रिटान का अनुकरण।
100% आपके ब्राउज़र में
कोई अपलोड नहीं, CDN से कोई मॉडल नहीं, कोई नेटवर्क कॉल ही नहीं। तस्वीर टैब में रहती है और उसे बंद करते ही मिट जाती है।
ऐसे निर्यात जो सचमुच काम आते हैं
CSS कस्टम प्रॉपर्टीज़, SCSS, Tailwind v4 का @theme ब्लॉक, JSON, GIMP की .gpl पैलेट, SVG नमूने और एक PNG शीट।
ऐसा पैलेट जो तस्वीर से मेल खाए, उसका धुँधला औसत नहीं
ज़्यादातर एक्सट्रैक्टर आपकी तस्वीर को थंबनेल जितना छोटा कर देते हैं और एक तय ग्रिड में पिक्सेल गिनते हैं, जिससे पड़ोसी रंग आपस में घुल जाते हैं और ऐसे शेड बन जाते हैं जो वहाँ कभी थे ही नहीं। ColorSnap तस्वीर के नमूने पूरे रिज़ॉल्यूशन पर लेता है, हर भरे हुए रंग-खाने का सटीक औसत रखता है, और उन खानों को OKLab में समूहित करता है — वह अवकाश जहाँ संख्यात्मक दूरी दिखाई देने वाले अंतर से मेल खाती है। फ़र्क वही है जो चार लगभग एक जैसे नीलों वाले पैलेट और उस पैलेट के बीच है जिसमें कोने का नारंगी सचमुच मौजूद हो।
भारी काम मुख्य थ्रेड से बाहर चलता है
पिक्सेल स्कैन एक Web Worker में OffscreenCanvas पर होता है, इसलिए 50 MP की तस्वीर पर भी इंटरफ़ेस चलता रहता है। वापस आता है एक छोटा हिस्टोग्राम, और उसके बाद का हर बदलाव — पैलेट का आकार, संतृप्ति की सीमा, पिन किए नमूने — उसी से मिलीसेकंड में हल हो जाता है, तस्वीर को दोबारा छुए बिना।
पहले स्वचालित, हाथ से जब चाहें
फ़ाइल छोड़ने से कुछ शुरू नहीं होता: जब तक आप सेटिंग्स चुनते हैं, तस्वीर इंतज़ार करती है। आप स्वचालित चरण को पूरी तरह छोड़कर पहले क्लिक से ही पैलेट हाथ से बना सकते हैं — ज़ूम, लेंस, पिन और पूर्ववत के साथ। बाद में हर रंग संपादन योग्य रहता है, और दोबारा निष्कर्षण आपके पिन किए रंगों को बनाए रखता है।
100% निजी, और यह शब्दशः सच है
न कोई अपलोड, न कोई API, न CDN से लाया गया कोई मॉडल, न आपकी तस्वीर पर कोई एनालिटिक्स। सब कुछ — डिकोडिंग, नमूनाकरण, समूहन, निर्यात — आपके टैब के भीतर ब्राउज़र API से होता है। आपकी तस्वीर सिर्फ़ मेमोरी में रहती है और पेज बंद करते ही चली जाती है।
अक्सर पूछे जाने वाले प्रश्न
Qक्या मेरी तस्वीर किसी सर्वर पर भेजी जाती है?+
नहीं। डिकोडिंग, नमूनाकरण और समूहन सब आपके ब्राउज़र के भीतर canvas और Web Worker API से होते हैं। किसी भी चरण पर न कोई अपलोड है और न आपकी तस्वीर से जुड़ा कोई नेटवर्क अनुरोध।
Qमैं कौन-से प्रारूप खोल सकता हूँ?+
PNG, JPG, WebP, AVIF, GIF, BMP और SVG सीधे खुलते हैं। iPhone के HEIC और HEIF ब्राउज़र में बदल दिए जाते हैं, और TIFF भी स्थानीय रूप से डिकोड होता है। सीमा प्रति फ़ाइल 80 MB है। आप फ़ाइल छोड़ सकते हैं, चुन सकते हैं, क्लिपबोर्ड से चिपका सकते हैं, या oLoveTools के किसी दूसरे औज़ार से तस्वीर पा सकते हैं।
Qफ़ाइल छोड़ते ही पैलेट क्यों नहीं निकलता?+
क्योंकि सेटिंग्स नतीजा बदल देती हैं। रंगों की संख्या, नमूनाकरण की गहराई और संतृप्ति की सीमा — तीनों तय करती हैं कि आपको क्या मिलेगा, और इन्हें तय करने से पहले चलाना सिर्फ़ एक चक्कर बर्बाद करता है। तस्वीर इंतज़ार करती है; बटन आप दबाते हैं। और अगर आप स्वचालित चरण चाहते ही नहीं, तो एक बटन सीधे ड्रॉपर पर ले जाता है।
Qविचलन वाली संख्या का क्या मतलब है?+
यह OKLab में औसत बोधगत दूरी है — आपकी तस्वीर के रंगों और उन्हें सौंपे गए पैलेट रंग के बीच। लगभग 3 से नीचे पैलेट तस्वीर का सटीक विवरण है; 6 से ऊपर आप उसकी मोटी-मोटी छाप देख रहे हैं। रंग जोड़ने से यह घटता है, और यही ईमानदार तरीक़ा है यह जानने का कि पाँच नमूने काफ़ी थे या नहीं।
Qरंग पिन करने से क्या होता है?+
पिन किया नमूना स्थिर माना जाता है। जब आप पैलेट का आकार बदलते हैं या निष्कर्षण दोबारा चलाते हैं, पिन किए रंग ठीक वैसे ही रहते हैं और बाकी जगहें उनके इर्द-गिर्द दोबारा गिनी जाती हैं — इसलिए जो नमूना आपको पहले ही पसंद आ चुका था, वह कभी नहीं खोता।
Qक्या मैं सीधे अपने प्रोजेक्ट में निर्यात कर सकता हूँ?+
हाँ। CSS कस्टम प्रॉपर्टीज़, SCSS वेरिएबल और उनका मैप, Tailwind v4 का @theme ब्लॉक, HEX/RGB/HSL/OKLCH और हिस्सेदारी सहित JSON, GIMP, Inkscape और Krita के लिए .gpl पैलेट, SVG नमूने, सादा टेक्स्ट, और एक PNG शीट। वेरिएबल के नाम रंगों से ही बनते हैं, इसलिए आपको --color-4 के बजाय --deep-teal मिलता है।