इमेज से कलर पिकर इस्तेमाल कैसे करें
- 1
इमेज खोलें
25 MB तक का स्क्रीनशॉट, फ़ोटो या लोगो खींचकर छोड़ें, ब्राउज़ करके चुनें या पेस्ट करें — JPG, PNG, WebP, AVIF, HEIC, GIF या SVG।
- 2
मैग्नीफ़ायर से निशाना लगाएँ
इमेज के ऊपर माउस ले जाएँ या ड्रैग करें; 11 × 11 पिक्सल का लूप क्रॉसहेयर के नीचे का सटीक पिक्सल और उसका HEX कोड दिखाता है।
- 3
क्लिक करके रंग चुनें
HEX, RGB, HSL और OKLCH वैल्यू पाएँ, हर एक के लिए अलग कॉपी बटन के साथ। ऐरो कीज़ से क्रॉसहेयर थोड़ा खिसकता है और Enter से रंग चुना जाता है।
- 4
पैलेट ले लें
5 से 12 प्रमुख रंग चुनें और उन्हें CSS वैरिएबल, JSON या Tailwind थीम ब्लॉक के रूप में कॉपी करें।
सीमाएँ और Pro
एक बार में एक इमेज, 25 MB तक, असीमित बार रंग चुनने, 5–12 पैलेट रंगों और 24 रंगों की हिस्ट्री के साथ।
Pro में आप 4 GB तक की बड़ी इमेज से रंग ले सकते हैं। Pro देखें
इमेज से कलर पिकर के बारे में
इमेज से कलर पिकर किसी भी तस्वीर के किसी भी पिक्सल की सटीक वैल्यू पढ़ता है और पूरी इमेज को एक पैलेट में बदल देता है। हर बार चुना गया रंग चार रूपों में मिलता है: डिज़ाइन टूल के लिए HEX, CSS के लिए rgb() और hsl(), और आधुनिक CSS कलर वर्क के लिए oklch(), जिसमें लाइटनेस और क्रोमा वैसे ही बदलते हैं जैसा आँख को स्वाभाविक लगता है। चुने गए रंग पिछले 24 रंगों की हिस्ट्री में जुड़ते हैं, जो इसी ब्राउज़र में सेव रहती है, इसलिए अगली बार भी मिल जाती है; डेस्कटॉप पर Chrome और Edge में स्क्रीन से चुनें ब्राउज़र के आईड्रॉपर से पेज के बाहर का कोई भी रंग भी ले सकता है।
पैलेट k-means क्लस्टरिंग से OKLab कलर स्पेस में निकाला जाता है, और इसके लिए इमेज की ऐसी कॉपी इस्तेमाल होती है जिसकी सबसे लंबी साइड अधिकतम 200 पिक्सल हो। मिलते-जुलते क्लस्टर मिला दिए जाते हैं, पारदर्शी पिक्सल छोड़ दिए जाते हैं, और रंग इस हिसाब से क्रम में आते हैं कि वे इमेज का कितना हिस्सा घेरते हैं; यह हिस्सा हर स्वैच पर दिखता है। एक ही इमेज से हमेशा वही पैलेट बनता है।
डिज़ाइनर इसका इस्तेमाल लोगो से ब्रांड कलर मिलाने, फ़ोटो से थीम बनाने, स्क्रीनशॉट में किसी बटन का सटीक रंग जाँचने या मूड बोर्ड जमा करने के लिए करते हैं। वैल्यू स्टैंडर्ड sRGB में होती हैं, जैसे आपका ब्राउज़र इमेज दिखाता है, इसलिए JPG का आर्टिफ़ैक्ट या वाइड-गैमट सोर्स चुने गए रंग को मूल डिज़ाइन फ़ाइल से कुछ यूनिट अलग कर सकता है। आंशिक पारदर्शी पिक्सल का रंग पारदर्शिता के बिना बताया जाता है, और यह टूल रंगों के नाम नहीं बताता और कंट्रास्ट रेशियो नहीं जाँचता।
गोपनीयता
इमेज इसी टैब में डिकोड होती है और उसके रंग यहीं पढ़े जाते हैं, और पैलेट की क्लस्टरिंग इमेज खोलने के बाद बने एक छोटे Web Worker में चलती है; कुछ भी अपलोड नहीं होता। आपकी कलर हिस्ट्री सिर्फ़ इस ब्राउज़र की लोकल स्टोरेज में सेव रहती है, और स्क्रीन से चुनें ब्राउज़र के अपने आईड्रॉपर का इस्तेमाल करता है, जो इस पेज के साथ सिर्फ़ चुना गया एक रंग साझा करता है, और कुछ नहीं।
खूबियाँ
पिक्सल-सटीक लूप
11 × 11 पिक्सल का मैग्नीफ़ायर, कीबोर्ड से खिसकाने की सुविधा के साथ, ताकि माउस और टच दोनों पर सटीक रंग चुना जा सके।
प्रमुख रंगों का पैलेट
OKLab में k-means से 5–12 रंग, इमेज में हिस्से के हिसाब से क्रम में।
डेवलपर एक्सपोर्ट
HEX, RGB, HSL और OKLCH वैल्यू, साथ में CSS वैरिएबल, JSON या Tailwind @theme ब्लॉक।
रंगों की हिस्ट्री
आपके पिछले 24 चुने रंग इसी ब्राउज़र में रहते हैं, सूची के रूप में कॉपी करने के लिए तैयार।