टूल्स95

कुछ बेहतरीन बनाएं

इमेज कलर पिकर.

किसी छवि से HEX, RGB और HSL रंग चुनें। पैलेट निकालें और संपादित करें, टेक्स्ट कंट्रास्ट की जांच करें, फिर रंगों को कॉपी करें या PNG, SVG, CSS या JSON निर्यात करें।

विज्ञापन
आपका छवि कार्यक्षेत्र
अस्थायी सर्वर प्रोसेसिंग
या यहाँ खींचें और छोड़ें
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
शुरू करने के लिए अपनी इमेज चुनें।छवि
विज्ञापन
ब्लॉग इमेज के रंग कैसे चुनें और पैलेट कैसे बनाएं गाइड पढ़ें

छवि के रंग चुनें और एक पैलेट बनाएं जिसका आप उपयोग कर सकें

एक पिक्सेल का निरीक्षण करें, उसका HEX, RGB या HSL मान कॉपी करें, और एक फोटो से शुरुआती पैलेट निकालें। अपनी पसंद के रंगों को रखें, बाकी को संपादित करें, टेक्स्ट-और-बैकग्राउंड जोड़ी की जांच करें, और PNG, SVG, CSS या JSON निर्यात करें।

एक छवि व्यक्तिगत रंग के नमूने और एक पैलेट प्रदान करती है जिसे परिष्कृत और निर्यात किया जा सकता है।
त्वरित वीडियो ट्यूटोरियल How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. अंग्रेजी वर्णन वीडियो देखें

How to pick an image color and export a palette

सुविधाएँ और नियंत्रण

आवर्धित दृश्य के साथ एक पिक्सेल चुनें

रंग का निरीक्षण करने के लिए छवि पर क्लिक या टैप करें, फिर उसका कोड कॉपी करें।

सटीक स्थिति और पूर्वावलोकन सीमाएं

मैग्नीफायर आपको छोटे विवरणों पर निशाना लगाने में मदद करता है। छवि को फोकस करें और एक पिक्सेल ले जाने के लिए तीर कुंजियों का उपयोग करें, दस पिक्सेल ले जाने के लिए Shift और तीर कुंजी का उपयोग करें, और चुनने के लिए Enter दबाएं। HEX, RGB और HSL के लिए अलग-अलग कॉपी बटन हैं। ब्राउज़र-डिकोडेबल स्रोतों को ब्राउज़र sRGB में सैंपल किया जाता है। जब इसके बजाय सामान्यीकृत पूर्वावलोकन का उपयोग किया जाता है, तो इसका लेबल रंगों और निर्देशांकों की पहचान अनुमानित के रूप में करता है।

एक उपयोगी शुरुआती पैलेट निकालें

निकालने के लिए 3 से 12 रंग चुनें और 'Dominant' या 'Vibrant' आज़माएं।

रंगों और प्रतिशत का अनुमान कैसे लगाया जाता है

Dominant छवि के मुख्य रंगों का पक्ष लेता है। Vibrant रंगीन एक्सेंट को अधिक प्रभाव देता है। निष्कर्षण एक सीमित छवि का नमूना लेता है, समान रंगों को समूहित करता है और अनुरोधित संख्या तक लौटाता है; एक सपाट छवि में कम रंग हो सकते हैं। पूरी तरह से पारदर्शी पिक्सेल को बाहर रखा गया है, और आंशिक अस्पष्टता पिक्सेल के वजन को कम करती है। प्रतिशत अनुमानित नमूना समूहों का वर्णन करते हैं, न कि हर मूल पिक्सेल की सटीक गणना। स्वचालित निष्कर्षण छवि को सर्वर पर अपलोड करता है।

अपने रंगों को रखें, बदलें और पुनर्व्यवस्थित करें

उपयोगी स्वैच को लॉक करें, उनके HEX मानों को संपादित करें या कोई चुना हुआ या कस्टम रंग जोड़ें।

निर्यात से पहले पैलेट को परिष्कृत करना

अपने रंग को संपादित करने, उसे बाएं या दाएं ले जाने, या हटाने के लिए एक स्वैच चुनें। जब आप 'पैलेट रिफ्रेश' का उपयोग करते हैं या निष्कर्षण सेटिंग्स बदलते हैं, तो 'लॉक' एक चुने हुए रंग को बनाए रखता है। 'पैलेट में जोड़ें' नमूना लिए गए RGB रंग का उपयोग करता है; 'कस्टम रंग जोड़ें' आपको HEX मान दर्ज करने देता है। एक पैलेट में निर्यात के लिए 1 से 12 रंग हो सकते हैं। चुने गए, संपादित और लॉक किए गए रंगों को आविष्कारित छवि प्रतिशत प्राप्त नहीं होते हैं।

पारदर्शी पिक्सेल को समझना

सैंपलिंग के अंतर्गत 'स्रोत रंग' (Source color) या 'बैकग्राउंड पर कंपोजिट' (Composite over a background) चुनें।

स्रोत अस्पष्टता और निर्यात किए गए रंग

स्रोत रंग कॉपी किए गए कोड में चयनित पिक्सेल और उसकी अस्पष्टता की रिपोर्ट करता है। 'बैकग्राउंड पर कंपोजिट' 'सैंपल बैकग्राउंड' के साथ सम्मिश्रण के बाद इसकी उपस्थिति दिखाता है। पैलेट रंग और निर्यात अपारदर्शी RGB मान हैं, इसलिए पारभासी स्रोत रंग जोड़ने से उसका अल्फा चैनल सुरक्षित नहीं रहता है। सैंपलिंग मोड निरीक्षण किए गए रंग को बदलता है; यह स्रोत छवि को फिर से रंगीन नहीं करता है या स्वचालित निष्कर्षण को नहीं बदलता है।

टेक्स्ट और बैकग्राउंड जोड़ी की जांच करें

दो रंगों की तुलना करने के लिए 'रंग कंट्रास्ट की जांच करें' (Check color contrast) का उपयोग करें।

कंट्रास्ट परिणाम में क्या शामिल है

रंग नियंत्रण के साथ टेक्स्ट और बैकग्राउंड चुनें, HEX मान दर्ज करें या चुने हुए रंग का उपयोग करें। पूर्वावलोकन एक कंट्रास्ट अनुपात और टेक्स्ट के लिए अलग-अलग Normal AA, Normal AAA, Large AA और Large AAA परिणाम दिखाता है। यह केवल चयनित रंग जोड़ी की जांच करता है। यह पूरे पेज का ऑडिट नहीं करता है, हर बैकग्राउंड छवि का हिसाब नहीं रखता है, या यह प्रमाणित नहीं करता है कि पूरा डिज़ाइन सुलभ है।

अगले चरण के लिए रंग निर्यात करें

एक पैलेट छवि, वेक्टर स्वैच, CSS वेरिएबल या संरचित रंग डेटा सहेजें।

PNG, SVG, CSS और JSON

PNG एक लेबल वाला पैलेट कार्ड बनाता है। SVG स्वैच और लेबल को वेक्टर सामग्री के रूप में रखता है। CSS क्रमांकित वेरिएबल जैसे --color-1 निर्यात करता है। JSON में HEX, RGB और HSL मान होते हैं। चुने गए एक्सटेंशन के साथ 'palette' नाम की एक फ़ाइल बनाने के लिए 'Save as' और फिर 'Start' चुनें। जब आपको केवल मानों की आवश्यकता हो, तो किसी रंग या पूरे HEX पैलेट को कॉपी करना तेज़ हो सकता है।

फ़ाइलें और प्रोसेसिंग

इनपुट
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC और HEIF
आउटपुट
एक PNG, SVG, CSS या JSON पैलेट

25 MB अधिकतम प्रति फ़ाइल। प्रति रन एक इनपुट फ़ाइल।

एक स्रोत छवि 60 मेगापिक्सेल तक। निष्कर्षण प्रति किनारे अधिकतम 512 पिक्सेल के नमूने लेता है, पूरी तरह से पारदर्शी पिक्सेल को अनदेखा करता है और अनुरोध से कम रंग लौटा सकता है। निर्यात 1 से 12 अपारदर्शी पैलेट रंगों का समर्थन करता है। एनिमेटेड या मल्टी-इमेज स्रोत अपने पहले स्थिर फ्रेम का उपयोग करते हैं।

छवि को उसके पैलेट को निकालने के लिए स्वचालित रूप से अपलोड किया जाता है और अंतिम निर्यात के लिए फिर से अपलोड किया जाता है। पिक्सेल पिकिंग और मैन्युअल पैलेट संपादन ब्राउज़र में चलते हैं। जिस प्रारूप को ब्राउज़र डिकोड नहीं कर सकता, उसके लिए सर्वर पूर्वावलोकन की आवश्यकता हो सकती है। यह टूल पारंपरिक रंग प्रसंस्करण का उपयोग करता है, AI का नहीं।

फ़ाइलें सर्वर पर प्रोसेस की जाती हैं। जब ब्राउज़र डिकोडिंग उपलब्ध नहीं होती है या दस्तावेज़ पूर्वावलोकन की आवश्यकता होती है, तो पूर्वावलोकन तैयारी के लिए फ़ाइल अपलोड भी हो सकती है। सर्वर डाउनलोड आपके सत्र के लिए दो घंटे तक उपलब्ध रहते हैं।

इमेज परिणाम के लिए, संगत अगला चरण चुनने के लिए परिणाम डाउनलोड करने के नीचे 'जारी रखें' का उपयोग करें। आप चुन सकते हैं कि किन इमेज को आगे ले जाना है; अगला टूल अपनी सेटिंग्स के साथ शुरू होता है।

एडिटर या डाउनलोड पेज को रिफ्रेश करने पर आप टूल पेज पर वापस आ जाएंगे। नया वर्कफ़्लो शुरू करने से पहले परिणाम डाउनलोड करें। फ़ाइल हैंडलिंग के लिए हमारा गोपनीयता नीति देखें।

सामान्य प्रश्न

जानना अच्छा है।

शुरू करने से पहले कुछ उत्तर।

अस्थायी सर्वर प्रोसेसिंग
क्या मुझे किसी छवि से HEX, RGB और HSL मिल सकता है?

हाँ। एक पिक्सेल चुनें और अपनी ज़रूरत के मान के बगल में स्थित कॉपी बटन का उपयोग करें। पिकर प्रासंगिक होने पर अस्पष्टता दिखाता है; अपारदर्शी पैलेट निर्यात में RGB रंग होते हैं।

Dominant और Vibrant के बीच क्या अंतर है?

Dominant सामान्य छवि रंगों पर जोर देता है। Vibrant रंगीन एक्सेंट को अधिक प्रभाव देता है। दोनों नमूने लिए गए अनुमान हैं, और कोई भी स्वचालित रूप से किसी विशेष ब्रांड रंग को खोजने का वादा नहीं करता है।

छह-रंग का अनुरोध कम रंग क्यों लौटाता है?

एक स्रोत में कम अलग-अलग दृश्य रंग हो सकते हैं। एक्सट्रैक्टर अनुरोधित संख्या को भरने के लिए डुप्लिकेट स्वैच बनाने के बजाय उपलब्ध समूह लौटाता है।

क्या मैं पैलेट रिफ्रेश करते समय कोई रंग रख सकता हूँ?

हाँ। अपना स्वैच चुनें और 'Lock color' का उपयोग करें। आप निर्यात से पहले एक कस्टम HEX मान भी जोड़ सकते हैं, स्वैच को पुनर्व्यवस्थित कर सकते हैं या रंग हटा सकते हैं।

क्या सब कुछ मेरे ब्राउज़र में रहता है?

नहीं। पिक्सेल पिकिंग और पैलेट संपादन ब्राउज़र में चलते हैं, लेकिन स्वचालित निष्कर्षण और अंतिम निर्यात स्रोत को सर्वर पर अपलोड करते हैं। कुछ इनपुट प्रारूपों को सर्वर-जनरेटेड पूर्वावलोकन की भी आवश्यकता होती है।

विज्ञापन

भाषा38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

अपनी भाषा चुनें। वीडियो ट्यूटोरियल में वर्तमान में अंग्रेजी नैरेशन का उपयोग किया जाता है।