मुफ़्त इमेज कलर पिकर
किसी भी छवि से रंग निकालें। HEX, RGB और HSL मान प्राप्त करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
अपडेट किया गया
Color Picker
Pick colors visually, extract from images, generate palettes and gradients, check contrast, and convert between HEX, RGB, HSL, HSV, CMYK, and LAB.
Visual Picker
Color Palette
Contrast Checker (WCAG)
Color Blindness Simulation
Normal Vision
#3B82F6
Protanopia
no red
Deuteranopia
no green
Tritanopia
no blue
Achromatopsia
no color
Color Values
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)lab(55.63, 17.54, -64.42)Recent Colors
No recent colors yet
Saved (0)
Click "Add" to save the current color
About Color Picker
- Visual HSB color picker with gradient square
- 6 formats: HEX, RGB, HSL, HSV, CMYK, LAB
- Real-time format conversion
- Auto-detect any color input format
- Eyedropper tool (pick from screen or images)
- Palette: complementary, analogous, triadic, tetradic, split-complementary
- CSS gradient generator with presets
- WCAG AA/AAA contrast checker with custom backgrounds
- Color blindness simulation (4 types)
- 148 CSS named colors reference
- Saved colors persisted to localStorage
- Recent colors history (stored locally)
- Export palettes as CSS, SCSS, JSON, Tailwind, or PNG
- CSS code snippets for every property
- Live preview with background, text, and border demos
- Extract dominant colors from uploaded images
अक्सर पूछे जाने वाले प्रश्न
इमेज कलर पिकर क्या है?
इमेज कलर पिकर एक मुफ़्त ऑनलाइन टूल है जो किसी भी इमेज से रंग निकालता है और सटीक HEX, RGB और HSL रंग मान प्रदान करता है।
क्या इमेज कलर पिकर मुफ़्त है?
हाँ, यह पूरी तरह से मुफ़्त है और इसके लिए किसी रजिस्ट्रेशन की ज़रूरत नहीं है। सारी प्रोसेसिंग आपके ब्राउज़र में क्लाइंट-साइड पर होती है।
यह किन रंग फ़ॉर्मैट को सपोर्ट करता है?
इमेज कलर पिकर HEX, RGB और HSL फ़ॉर्मैट में रंग मान प्रदान करता है, जो आपके डिज़ाइन या कोड प्रोजेक्ट में उपयोग के लिए तैयार होते हैं।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। इमेज कलर पिकर सब कुछ आपके ब्राउज़र में क्लाइंट-साइड पर प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।
क्या इमेज कलर पिकर मोबाइल डिवाइस पर काम करता है?
हाँ, इमेज कलर पिकर पूरी तरह से रिस्पॉन्सिव है और स्मार्टफ़ोन तथा टैबलेट पर काम करता है। आप इसे आधुनिक वेब ब्राउज़र वाले किसी भी डिवाइस पर उपयोग कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।
क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?
किसी खाते या रजिस्ट्रेशन की ज़रूरत नहीं है। बस अपने ब्राउज़र में इमेज कलर पिकर खोलें और तुरंत इसका उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।
मैं इमेज कलर पिकर का उपयोग कैसे करूँ?
बस दिए गए फ़ील्ड में अपना इनपुट दर्ज करें, अपनी पसंद के अनुसार कोई भी सेटिंग समायोजित करें, और टूल इसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को अपने क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।
कौन-कौन से ब्राउज़र समर्थित हैं?
इमेज कलर पिकर Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़रों में काम करता है। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र के नवीनतम संस्करण का उपयोग करें।
HEX, RGB, और HSL कलर वैल्यू में क्या फर्क है?
ये तीनों एक ही रंग को अलग-अलग नोटेशन में बताते हैं। HEX छह अंकों का #RRGGBB फॉर्म है जो CSS और अधिकतर वेब टूल्स में इस्तेमाल होता है, जहां हर जोड़ा रेड, ग्रीन, या ब्लू चैनल को बेस-16 में दर्शाता है। RGB इन्हीं तीन चैनलों को 0 से 255 के बीच नंबर के रूप में लिखता है, जो यह दर्शाता है कि स्क्रीन असल में लाइट कैसे उत्सर्जित करती है। वहीं HSL ह्यू (कलर व्हील पर एक एंगल), सैचुरेशन, और लाइटनेस का इस्तेमाल करता है, जिससे किसी शेड को हल्का या ज्यादा गहरा करना बिना चैनल मैथ का अंदाज़ा लगाए काफी आसान हो जाता है। इनमें से कोई भी दूसरे से ज्यादा "सही" नहीं है — आप वही चुनते हैं जो आपके संदर्भ में चाहिए: स्टाइलशीट के लिए HEX, कई डिज़ाइन ऐप्स के लिए RGB, और टोन को हाथ से एडजस्ट करते समय HSL। यहां अपनी इमेज पर किसी भी बिंदु पर क्लिक करें और पिकर तीनों को एक साथ दिखा देगा, ताकि आप जो भी अपने प्रोजेक्ट के लिए चाहिए उसे कॉपी कर सकें।
इमेज पिकर से मिली CMYK वैल्यू सिर्फ एक अनुमान क्यों होती है?
CMYK प्रिंटिंग के लिए सायन, मैजेंटा, यलो, और ब्लैक इंक के प्रतिशत बताता है, लेकिन आपकी इमेज स्क्रीन की RGB दुनिया में रहती है, जो ऐसे रंग दिखा सकती है जिन्हें इंक असल में दोबारा नहीं बना सकती। RGB को CMYK में बदलने के लिए एक गणितीय फॉर्मूला चाहिए होता है, और यह टूल एक स्टैंडर्ड डिवाइस-इंडिपेंडेंट फॉर्मूला इस्तेमाल करता है — लेकिन असली प्रिंट कलर प्रेस, पेपर, और आपके प्रिंटर की ICC प्रोफाइल पर भी निर्भर करता है। इसका मतलब है कि यहां दी गई CMYK संख्याएं एक भरोसेमंद शुरुआती बिंदु हैं, न कि किसी खास प्रेस से निकलने वाले नतीजे की गारंटी। सटीक प्रिंट वर्क के लिए, इन वैल्यू को एक रेफरेंस मानें और इन्हें किसी प्रूफ या अपने प्रिंटर की प्रोफाइल से कन्फर्म करें। पिकर CIE LAB भी बताता है, जो एक परसेप्चुअली-यूनिफॉर्म मॉडल है और यह मापने में उपयोगी है कि दो रंग वास्तव में कितने अलग दिखते हैं। सभी फॉर्मैट एक साथ देखने के लिए किसी रंग पर क्लिक करें।
यह टूल किसी फोटो में डोमिनेंट रंगों को कैसे ढूंढता है?
सिंगल क्लिक के अलावा, पिकर पूरी इमेज को स्कैन करता है और मिलते-जुलते पिक्सेल को एक साथ ग्रुप करके उन कुछ रंगों को सामने लाता है जो सबसे ज्यादा एरिया कवर करते हैं, फिर लगभग यह दिखाता है कि तस्वीर में हर रंग कितने प्रतिशत हिस्से पर है। किसी फोटो, प्रतिस्पर्धी के स्क्रीनशॉट, या मूड बोर्ड से पैलेट को रिवर्स-इंजीनियर करने का यह सबसे तेज़ तरीका है, बिना हाथ से दर्जनों बिंदुओं को सैंपल किए। चूंकि बहुत बड़ी इमेज को एनालिसिस से पहले सबसे लंबी साइड पर अधिकतम 2000 पिक्सेल तक स्केल किया जाता है, इसलिए यह ब्रेकडाउन बड़ी फाइलों पर भी तेज़ बना रहता है और रंगों के असली फैलाव को भी सही तरीके से दिखाता है। इसके बाद आप पसंद के रंगों को एक वर्किंग पैलेट में सेव कर सकते हैं। ऊपर एक इमेज अपलोड करें और डोमिनेंट रंग अपने प्रतिशत हिस्से के साथ अपने आप दिखाई देंगे।
आईड्रॉपर बटन क्या है और यह हमेशा क्यों नहीं दिखता?
आईड्रॉपर आपको सिर्फ अपलोड की गई इमेज के अंदर ही नहीं, बल्कि अपनी पूरी स्क्रीन पर कहीं से भी रंग सैंपल करने देता है — यह किसी दूसरी विंडो या टूल के बगल में खुले वेब पेज से शेड लेने के लिए काम आता है। यह ब्राउज़र के नेटिव EyeDropper API पर निर्भर करता है, जो फिलहाल Chrome और Edge में सपोर्टेड है लेकिन हर ब्राउज़र में नहीं, इसलिए यह टूल बटन तभी दिखाता है जब उसे पता चलता है कि आपका ब्राउज़र इसे चला सकता है। अगर आपको यह नहीं दिखता, तो इसका मतलब है कि आपके ब्राउज़र में यह क्षमता नहीं है, फिर भी आप लोड की गई इमेज पर सीधे क्लिक करके कोई भी रंग चुन सकते हैं, जो हर जगह काम करता है। जब बटन उपलब्ध हो, तो उस पर क्लिक करें, फिर स्क्रीन पर किसी भी पिक्सेल पर क्लिक करके वह सटीक रंग कैप्चर करें। ऑन-स्क्रीन आईड्रॉपर ऑप्शन पाने के लिए टूल को Chrome या Edge में खोलें।
मैं एक चुने हुए रंग को पूरी मैचिंग पैलेट में कैसे बदल सकता हूं?
रंग चुनने के बाद, यह टूल स्टैंडर्ड कलर-व्हील संबंधों का इस्तेमाल करते हुए उससे कलर-हार्मनी स्कीम बना सकता है: कॉम्प्लीमेंट्री (विपरीत ह्यू), एनालॉगस (पड़ोसी रंग), ट्रायडिक, स्प्लिट-कॉम्प्लीमेंट्री, टेट्राडिक, और कई तरह के शेड्स। ये आपको एक साथ काम करने वाले रंगों का एक सुसंगत शुरुआती सेट देते हैं, बजाय इसके कि आप अंदाज़ा लगाते रहें कि कौन-सी टोन साथ में अच्छी लगेंगी। आप पसंद आए रंगों को एक वर्किंग पैलेट में सेव कर सकते हैं, उन्हें नाम दे सकते हैं, और फिर पूरे सेट को CSS कस्टम प्रॉपर्टीज़, SCSS वेरिएबल्स, JSON फाइल, या Tailwind कॉन्फिग ब्लॉक के रूप में एक्सपोर्ट कर सकते हैं ताकि उसे सीधे कोडबेस में डाला जा सके — या फिर PNG स्वॉच शीट के रूप में ताकि उसे किसी ब्रीफ के साथ अटैच किया जा सके। यह टूल हर चुने गए रंग के लिए सबसे नज़दीकी स्टैंडर्ड CSS नामित रंग भी सुझाता है, जो तब काम आता है जब किसी स्पेक में कोड की बजाय नाम मांगा गया हो। हार्मनी तुरंत बनाने के लिए ऊपर एक बेस कलर चुनें।
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/color-picker" title="Free Image Color Picker — The Toolbox" width="100%" height="380" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/image-tools/color-picker?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Image Color Picker</a> by The Toolbox</p>संबंधित टूल
मुफ़्त ऑनलाइन इमेज रिसाइज़र
छवियों का आकार किसी भी आयाम में बदलें। आस्पेक्ट रेशियो बनाए रखें या कस्टम आकार सेट करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
मुफ़्त ऑनलाइन इमेज कंप्रेसर
गुणवत्ता खोए बिना फ़ाइल का आकार कम करने के लिए छवियों को कंप्रेस करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
मुफ़्त ऑनलाइन इमेज क्रॉपर
विज़ुअल एडिटर से छवियों को किसी भी आकार या आस्पेक्ट रेशियो में क्रॉप करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
मुफ़्त Favicon जनरेटर
एक ही छवि से सभी आकारों में favicon बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
फ्री इमेज कलर पिकर के बारे में
इमेज कलर पिकर एक मुफ्त टूल है जो किसी भी तस्वीर से सटीक रंग निकालने के लिए बनाया गया है। कोई फोटो, स्क्रीनशॉट, लोगो, या डिज़ाइन मॉकअप अपलोड करें और उस पर कहीं भी क्लिक करके अपने कर्सर के ठीक नीचे मौजूद रंग को HEX, RGB, HSL, HSB/HSV, CMYK, और CIE LAB में पढ़ें — साथ ही सबसे नज़दीकी CSS-स्टैंडर्ड रंग का नाम भी। डिज़ाइनर, फ्रंट-एंड डेवलपर, इलस्ट्रेटर, और ब्रांड कलर मैच करने वाला कोई भी व्यक्ति ऐसे टूल का सहारा तब लेता है जब "वह सटीक शेड" किसी स्टाइल गाइड में नहीं बल्कि किसी इमेज में मौजूद हो।
सब कुछ आपके ब्राउज़र में ही चलता है। इमेज को आपके अपने डिवाइस पर एक लोकल कैनवस पर डिकोड करके पिक्सेल-दर-पिक्सेल पढ़ा जाता है, इसलिए कुछ भी सर्वर पर अपलोड नहीं होता। आप किसी गोपनीय ब्रांड एसेट, अनरिलीज़्ड UI डिज़ाइन, या क्लाइंट की फोटो को बिना अपनी मशीन से बाहर भेजे सैंपल कर सकते हैं। इसके लिए न कोई साइन-अप चाहिए, न ही कोई वॉटरमार्क लगता है।
अपनी इमेज से रंग चुनना
इमेज को ड्रॉप ज़ोन पर खींचकर छोड़ें या फाइल चुनकर लोड करें, फिर किसी भी बिंदु पर क्लिक करके वहां का रंग कैप्चर करें। एक लाइव होवर प्रीव्यू आपके क्लिक करने से पहले ही पॉइंटर के नीचे का रंग दिखा देता है, और ज़ूम कंट्रोल्स की मदद से आप इमेज को बड़ा करके किसी धुंधले क्षेत्र की बजाय एक सिंगल पिक्सेल को सटीक तरीके से टारगेट कर सकते हैं। अगर आपका ब्राउज़र नेटिव EyeDropper API सपोर्ट करता है (मौजूदा Chrome और Edge), तो एक अतिरिक्त Eyedropper बटन आपको सिर्फ अपलोड की गई इमेज के अंदर ही नहीं, बल्कि अपनी पूरी स्क्रीन पर कहीं भी किसी भी पिक्सेल को सैंपल करने देता है।
चूंकि पिकर रॉ कैनवस को पढ़ता है, इसलिए सैंपलिंग से पहले बड़ी फोटो को सबसे लंबी साइड पर अधिकतम 2000 पिक्सेल तक स्केल किया जाता है। इससे बड़ी फाइलों पर भी टूल तेज़ बना रहता है, साथ ही आपके क्लिक किए गए रंग की रीडिंग भी सटीक रहती है।
कलर फॉर्मैट और इनका इस्तेमाल कहां होता है
हर चुना हुआ रंग एक साथ कई नोटेशन में दिखाया जाता है, ताकि आप उसे सीधे सही जगह पर पेस्ट कर सकें:
- HEX — छह अंकों का
#RRGGBBफॉर्म, जो CSS और अधिकतर वेब डिज़ाइन टूल्स में इस्तेमाल होता है। - RGB — रेड, ग्रीन, और ब्लू 0–255 के बीच, जो स्क्रीन का नेटिव मॉडल है।
- HSL और HSB/HSV — ह्यू, सैचुरेशन, और लाइटनेस या ब्राइटनेस; जब आपको किसी शेड को थोड़ा हल्का या थोड़ा ज्यादा गहरा करना हो तो यह RGB से आसान पड़ता है।
- CMYK — प्रिंट के लिए इस्तेमाल होने वाले सायन, मैजेंटा, यलो, और ब्लैक के प्रतिशत। ध्यान रहे कि स्क्रीन पर दिखाया गया CMYK सिर्फ एक अनुमान है, क्योंकि असली प्रिंट कलर प्रिंटिंग प्रेस की प्रोफाइल पर निर्भर करता है।
- CIE LAB — एक परसेप्चुअली-यूनिफॉर्म मॉडल, जो यह मापने में उपयोगी है कि दो रंग वास्तव में कितने अलग दिखते हैं।
- नज़दीकी नामित रंग — स्टैंडर्ड CSS/X11 कलर नामों में सबसे नज़दीकी मैच, यह तब काम आता है जब किसी स्पेक में कोड की बजाय नाम मांगा गया हो।
एक क्लिक में किसी भी वैल्यू को अपने क्लिपबोर्ड पर कॉपी करें।
पैलेट, हार्मनी, और एक्सपोर्टिंग
सिंगल पिक के अलावा, यह टूल इमेज से डोमिनेंट रंग निकालता है और लगभग यह भी दिखाता है कि तस्वीर में हर रंग कितने प्रतिशत हिस्से को कवर करता है — किसी फोटो या रेफरेंस डिज़ाइन के पैलेट को रिवर्स-इंजीनियर करने का यह सबसे तेज़ तरीका है। किसी भी चुने हुए रंग से आप कलर-हार्मनी स्कीम भी बना सकते हैं — कॉम्प्लीमेंट्री, एनालॉगस, ट्रायडिक, स्प्लिट-कॉम्प्लीमेंट्री, टेट्राडिक, और शेड्स — जो स्टैंडर्ड कलर-व्हील संबंधों पर आधारित हैं, और यह एक सुसंगत ब्रांड कलर सेट बनाने के लिए एक तेज़ शुरुआती बिंदु है।
पसंद आए रंगों को एक वर्किंग पैलेट में सेव करें, उन्हें नाम दें, और पूरे सेट को CSS कस्टम प्रॉपर्टीज़, SCSS वेरिएबल्स, JSON फाइल, या Tailwind कॉन्फिग ब्लॉक के रूप में एक्सपोर्ट करें — यानी सीधे कोडबेस में डालने के लिए तैयार। आप सेव किए गए पैलेट को PNG स्वॉच शीट के रूप में भी एक्सपोर्ट कर सकते हैं, ताकि उसे शेयर किया जा सके या किसी ब्रीफ के साथ अटैच किया जा सके।
इमेज कलर पिकर क्यों उपयोगी है
हेक्स में लिखे गए रंग मूल्य बिल्कुल स्पष्ट होते हैं, लेकिन लोग असल में जिन रंगों की तलाश में रहते हैं वे अक्सर इमेज में ही कैद रहते हैं: किसी प्रतिस्पर्धी की साइट का स्क्रीनशॉट, मूड-बोर्ड फोटो, स्कैन की गई पेंटिंग, या किसी स्टेकहोल्डर का "इसे बिल्कुल इस नीले रंग जैसा बनाओ" वाला रेफरेंस। इमेज कलर पिकर इनमें से किसी भी चीज़ को कुछ ही सेकंड में कॉपी-पेस्ट करने लायक कोड में बदल देता है, बिना किसी डिज़ाइन सॉफ्टवेयर को इंस्टॉल किए। सैंपलिंग शुरू करने के लिए ऊपर एक इमेज डालें।