शीर्षक

कलर पिकर

ड्रॉप करें, पेस्ट करें (Ctrl+V), या अपलोड करने के लिए क्लिक करें

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

रंग चुनने के लिए फ़ोटो अपलोड करें

या फिर एक सैंपल आज़माएं:

सैंपल 1
सैंपल 2
सैंपल 3

रंग पैलेट

रंग: 3

कलर पिकर और एक्सट्रैक्टर – फ़्री ऑनलाइन टूल

हमारा फ़्री ऑनलाइन कलर एक्सट्रैक्टर आपको एक क्लिक में फ़ोटो से कोई भी रंग चुनने देता है — इसके लिए न कोई सॉफ़्टवेयर इंस्टॉल करना होता है, न कोई अकाउंट चाहिए। अपनी इमेज अपलोड करें, मैग्निफ़ाई करने के लिए होवर करें, किसी भी पिक्सेल पर क्लिक करके तुरंत उसके HEX, RGB, HSL और HSV वैल्यू देखें, फिर अपने चुने गए रंग से पूरा रंग पैलेट जनरेट करें। नतीजे कभी भी डाउनलोड करें।

फ़ोटो से रंग कैसे चुनें

1
अपनी इमेज अपलोड करें

पैनल पर फ़ोटो ड्रॉप करें, क्लिक करें फ़ोटो अपलोड करें, या Ctrl + V से पेस्ट करें। JPEG, PNG, WebP, HEIC और GIF सपोर्ट करता है।

2
रंग चुनने के लिए क्लिक करें

मैग्निफ़ायर से ज़ूम इन करने के लिए इमेज पर होवर करें, फिर उस पिक्सेल का रंग कैप्चर करने के लिए कहीं भी क्लिक करें। HEX, RGB, HSL और HSV वैल्यू तुरंत दिखाई देती हैं।

3
पैलेट कॉपी या जनरेट करें

किसी भी वैल्यू फ़ील्ड पर क्लिक करके उसे क्लिपबोर्ड पर कॉपी करें, बाद के लिए रंग सहेजें, या पूरा रंग पैलेट जनरेट करके उसे CSS वेरिएबल या PNG स्वॉच स्ट्रिप के रूप में एक्सपोर्ट करें।

मुख्य विशेषताएं

  • चार रंग फ़ॉर्मेट – किसी भी वैल्यू फ़ील्ड पर एक क्लिक से चुने गए रंग को HEX, RGB, HSL और HSV में देखें और कॉपी करें।
  • पिक्सेल-सटीक मैग्निफ़ायर – एक गोलाकार ज़ूम लेंस आपके कर्सर के साथ चलता है, ताकि आप ठीक वही पिक्सेल चुन सकें जो आपको चाहिए।
  • 8 पैलेट प्रकार – एनालॉगस, कॉम्प्लीमेंट्री, ट्रायडिक, टेट्राडिक, स्प्लिट-कॉम्प्लीमेंट्री, मोनोक्रोमैटिक, शेड्स या टिंट्स पैलेट 3–10 स्वॉच के साथ जनरेट करें।
  • एक्सपोर्ट विकल्प – एक साथ सभी पैलेट के HEX कोड कॉपी करें, PNG स्वॉच स्ट्रिप डाउनलोड करें, या पैलेट को CSS कस्टम प्रॉपर्टी के रूप में एक्सपोर्ट करें (:root वेरिएबल)।
  • सहेजे गए रंग – किसी भी रंग को अपने ब्राउज़र में सहेजे गए व्यक्तिगत रंग पैनल में बुकमार्क करें, जब चाहें उन्हें हटा दें।
  • HEIC सपोर्ट – iPhone की HEIC/HEIF फ़ॉर्मेट वाली फ़ोटो रंग चुनने से पहले अपने आप कन्वर्ट हो जाती हैं।
  • पूरी तरह आपके ब्राउज़र में काम करता है – आपकी फ़ोटो कभी भी किसी सर्वर पर अपलोड नहीं की जातीं।
  • फ़्री और अनलिमिटेड – कोई साइनअप नहीं, कोई वॉटरमार्क नहीं, कोई सीमा नहीं।

कलर एक्सट्रैक्टर क्या है?

कलर एक्सट्रैक्टर (या इमेज कलर पिकर) एक ऐसा टूल है जो किसी फ़ोटो में किसी भी पिक्सेल का सटीक रंग पढ़ता है और उसे डिज़ाइन तथा डेवलपमेंट में इस्तेमाल होने वाले स्टैंडर्ड कलर कोड में बदल देता है। किसी रंग का अंदाज़ा लगाने या वैल्यू मैन्युअल रूप से डालने के बजाय, बस उस जगह पर क्लिक करें जिसमें दिलचस्पी हो, और टूल कन्वर्ज़न कर देता है — स्क्रीन पर दिखने वाली रॉ RGB वैल्यू से लेकर ग्राफ़िक डिज़ाइन वर्कफ़्लो में इस्तेमाल होने वाले HSL और HSV रिप्रेजेंटेशन तक।

रंग पैलेट जनरेटर इसे एक कदम और आगे ले जाता है: बेस कलर चुनने के बाद, यह कलर थ्योरी लागू करके ऐसी सामंजस्यपूर्ण रंग योजनाएं बनाता है जिन्हें CSS, Figma या किसी भी डिज़ाइन टूल में सीधे इस्तेमाल किया जा सकता है।

सामान्य उपयोग

  • ब्रांड कलर एक्सट्रैक्शन – किसी लोगो या ब्रांड फ़ोटो से सटीक HEX कोड निकालें, ताकि उन्हें किसी वेबसाइट या डिज़ाइन सिस्टम में लगातार इस्तेमाल किया जा सके।
  • वेब और UI डिज़ाइन – अपने लेआउट को सुसंगत बनाने के लिए रंगों को किसी प्रोडक्ट इमेज या हीरो फ़ोटोग्राफ़ से मैच करें।
  • पैलेट जनरेशन – किसी एक मुख्य रंग से शुरुआत करें और किसी प्रोजेक्ट के लिए पूरी कॉम्प्लीमेंट्री या एनालॉगस योजना बनाएं।
  • प्रिंट और इलस्ट्रेशन – पेंट मिलाने या प्रिंट प्रोफ़ाइल सेट करने से पहले सटीक RGB वैल्यू पाने के लिए रेफ़रेंस फ़ोटो सैंपल करें।
  • CSS थीमिंग – पैलेट वेरिएबल को सीधे एक :root ब्लॉक में एक्सपोर्ट करें, ताकि उन्हें सीधे स्टाइलशीट में डाला जा सके।

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

हां, यह टूल 100% मुफ़्त है और इसमें इस्तेमाल की कोई सीमा नहीं है। अकाउंट बनाने या कोई भुगतान जानकारी देने की ज़रूरत नहीं है।
नहीं। सारी प्रोसेसिंग HTML5 Canvas API का इस्तेमाल करके पूरी तरह ब्राउज़र के अंदर ही होती है। इमेज कभी किसी सर्वर पर नहीं भेजी जाती, इसलिए प्राइवेसी पूरी तरह सुरक्षित रहती है।
यह टूल चुने गए रंग को एक साथ चार फ़ॉर्मेट में दिखाता है: HEX (जैसे #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), और HSV (hsv(216, 73%, 84%))। किसी भी फ़ील्ड पर क्लिक करके उसे तुरंत कॉपी करें।
आपके कर्सर को इमेज पर ले जाने पर, कर्सर के पास एक गोलाकार मैग्निफ़ायर दिखाई देता है, जो आस-पास के पिक्सेल का ज़ूम किया हुआ दृश्य दिखाता है। इससे सही पिक्सेल को पहचानना और उस पर क्लिक करना आसान हो जाता है, खासकर बारीक डिटेल या हल्के रंग बदलाव वाली फ़ोटो में।
बेस कलर सेट करने के लिए अपनी इमेज पर किसी भी पिक्सेल पर क्लिक करें, फिर नीचे रंग पैलेट सेक्शन तक स्क्रॉल करें। पैलेट का प्रकार चुनें (एनालॉगस, कॉम्प्लीमेंट्री, ट्रायडिक, आदि) और 3–10 स्वॉच चुनने के लिए काउंट स्लाइडर खींचें। पैलेट तुरंत अपडेट हो जाता है। इसके लिए रंग कॉपी करें, PNG डाउनलोड करें, या CSS एक्सपोर्ट करें ताकि नतीजे का इस्तेमाल किया जा सके।
CSS एक्सपोर्ट करने पर एक :root { } ब्लॉक कॉपी होता है, जिसमें हर पैलेट रंग एक CSS कस्टम प्रॉपर्टी के रूप में होता है (जैसे --color-1: #3a7bd5;)। इसे सीधे स्टाइलशीट में पेस्ट किया जा सकता है और पूरे प्रोजेक्ट में वेरिएबल का संदर्भ लिया जा सकता है।
हां। HEIC और HEIF फ़ाइलें इमेज दिखाए जाने से पहले ब्राउज़र में अपने आप JPEG में कन्वर्ट हो जाती हैं। कन्वर्ज़न के दौरान एक लोडिंग इंडिकेटर दिखाई देता है और कोई भी फ़ाइल हमारे सर्वर पर नहीं भेजी जाती।