1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)रंग चुनें और काम पर लगें — बिना झंझट
हमने 2025 में Color Picker बनाया क्योंकि भारी ऐप्स और जटिल कलर टूल्स से हम ऊब चुके थे। फ़्रंट-एंड डेवलपर्स और इलस्ट्रेटर्स के तौर पर हमें ऐसा तरीका चाहिए था जिससे रंग तुरन्त लें, थोड़ा ट्यून करें और आगे बढ़ें। यह आंतरिक टूल के रूप में शुरू हुआ, सहकर्मियों का फ़ेवरिट बना, फिर हमने इसे निखारकर सबके लिए वेब पर डाल दिया। कोई अकाउंट नहीं, न सीखने की तीखी कर्व — पेज खोलें, शेड चुनें और HEX, RGB, HSL या HSV कोड कॉपी करें।
लोगों को हमारा कलर पिकर क्यों पसंद है?
अगर आप कभी किसी डिज़ाइन को देखते रहे हैं और सोचा है कि ठीक वही शेड कैसे पाएं, तो आपको Color Picker की सादगी पसंद आएगी। हमने इंटरफ़ेस को जानबूझकर मिनिमल रखा है:
- क्लिक — और रंग आपके पास — पैलेट में कहीं भी टैप करें और टूल तुरंत ज़रूरी मान दिखा देगा। फ़ोटो या स्क्रीनशॉट से सैंपल चाहिए? उसे पेज पर छोड़ें और आईड्रॉपर का उपयोग करें।
- ग्रेडिएंट्स, आसान — बार पर स्टॉप्स जोड़कर और खिसकाकर रेशमी ट्रांज़िशन बनाएँ। लिनियर/रेडियल टॉगल करें, एंगल और अपारदर्शिता फाइन-ट्यून करें और CSS कॉपी करें।
- कोई सीमा नहीं, कोई लागत नहीं — Color Picker किसी भी आधुनिक ब्राउज़र में डेस्कटॉप, टैबलेट या फ़ोन पर चलता है। कुछ इंस्टॉल नहीं करना, कोई शुल्क नहीं।
- ज़रूरत पर एक्सटेंशन — हमारे वैकल्पिक Chrome और Edge एक्सटेंशन आईड्रॉपर को सीधे ब्राउज़र में लाते हैं, ताकि आप किसी भी पेज से सैंपल ले सकें और अपना इतिहास सँभाल सकें।
अंदर क्या है
आईड्रॉपर
अपलोडेड इमेज या स्क्रीन पर किसी भी चीज़ से सीधे रंग लें; फ़ाइल को पेज पर छोड़ें और किसी पिक्सेल पर क्लिक करें — उसके मान कई फ़ॉर्मैट में देखें।
फ़ॉर्मैट कन्वर्ज़न
HEX, RGB, HSL और HSV के बीच तुरंत स्विच करें और कोड CSS, डिज़ाइन सॉफ़्टवेयर या पैलेट टूल्स में कॉपी करें।
ग्रेडिएंट मेकर
स्टॉप्स जोड़कर और खिसकाकर, एंगल व अपारदर्शिता समायोजित करके लिनियर या रेडियल ग्रेडिएंट बनाएँ, फिर अंतिम CSS कॉपी करें।
रंग इतिहास
आपका चुना हर रंग सेव होता है, ताकि बाद में लौटकर फिर उपयोग कर सकें।
ब्राउज़र एक्सटेंशन
वैकल्पिक Chrome और Edge एक्सटेंशन जो किसी भी साइट से रंग सैंपल करने और टूल को टूलबार से सीधे खोलने देते हैं।
सार्वभौमिक पहुँच
किसी भी आधुनिक ब्राउज़र में काम करता है; एक्सटेंशन कई भाषाओं का समर्थन करते हैं और नियमित रूप से अपडेट होते हैं।
मुफ़्त और निजी
सेवा मुफ़्त है और हम आपके डेटा का व्यापार नहीं करते।
किस काम के लिए
लोग Color Picker को कई तरीकों से उपयोग करते हैं:
- डिज़ाइनर और प्रोडक्ट टीमें इंटरफेस या ब्रांड पैलेट स्केच करते समय इसे अपनाती हैं। संयोजनों का पता लगाना और ग्रेडिएंट्स के लिए आवश्यक CSS कॉपी करना तेज़ है।
- इलस्ट्रेटर्स और आर्टिस्ट फ़ोटो और पेंटिंग्स से प्रेरणा लेने के लिए आईड्रॉपर का उपयोग करते हैं। ग्रेडिएंट टूल मुलायम शेडिंग और रंग संक्रमण की योजना बनाने में मदद करता है।
- फ़्रंट-एंड डेवलपर्स प्रोजेक्ट्स में सुसंगत रंग मान जेनरेट करने के लिए इस पर भरोसा करते हैं। एक्सटेंशन मौजूदा साइट्स से सैंपलिंग को आसान बनाता है।
- जो भी एक्सेसिबिलिटी जाँचते हैं वे रंगों को अलग-अलग मॉडलों में देख सकते हैं और कॉन्ट्रास्ट दिशानिर्देशों तक पहुँचने तक अपारदर्शिता समायोजित कर सकते हैं।
शुरुआत
मैनुअल की ज़रूरत नहीं — यह रही एक त्वरित झलक:
- रंग चुनें — पैलेट पर कहीं भी क्लिक करें। आपको तुरंत HEX, RGB और HSV मान दिखेंगे। स्लाइडर्स से ह्यू, सैचुरेशन, ब्राइटनेस और ट्रांसपेरेंसी फाइन-ट्यून करें।
- इमेज से सैंपल लें — इमेज फ़ाइल को पेज पर खींचें या एक चुनें। इच्छित पिक्सेल पर क्लिक करें और रंग कोड दिखाई देंगे।
- ग्रेडिएंट बनाएँ — ग्रेडिएंट बार पर क्लिक करके स्टॉप्स जोड़ें और उन्हें खींचकर स्थान बदलें; लिनियर और रेडियल स्टाइल के बीच स्विच करें। कोण और अपारदर्शिता तब तक समायोजित करें जब तक परिणाम सही न लगे।
- कॉपी करें और फिर से उपयोग करें — आपके रंग और ग्रेडिएंट अपने-आप सेव हो जाते हैं। कोड या CSS कॉपी करें और प्रोजेक्ट में पेस्ट करें, या टीम के साथ साझा करें।
Color Picker ऑनलाइन कैसे उपयोग करें
Chrome और Edge के लिए एक्सटेंशन
वेब पेज से सीधे रंग “कैप्चर” करने का विचार पसंद है? Chrome के लिए Color Picker – Eye Dropper और Edge के लिए Eyedropper – Color Picker यही करने देते हैं। ये ब्राउज़र में एक छोटा बटन जोड़ते हैं ताकि आप किसी भी एलिमेंट पर होवर करके उसका टोन पकड़ सकें। आप पॉप-अप से इमेज अपलोड, रंगों से ग्रेडिएंट बनाना और CSS कॉपी करना भी कर सकते हैं। एक्सटेंशन कई भाषाओं को सपोर्ट करते हैं और नियमित रूप से अपडेट होते हैं।
एक भरोसेमंद समुदाय-आधारित टूल
हमने Color Picker बनाया क्योंकि हमें एक सरल टूल चाहिए था जो “बस काम करे।” यह अब भी कम्युनिटी प्रोजेक्ट है और हमेशा मुफ़्त रहेगा। हम आपका डेटा न इकट्ठा करते हैं, न बेचते हैं। अगर यह उपयोगी लगे तो एक्सटेंशन इंस्टॉल करना या साइट साझा करना और लोगों को इसे खोजने में मदद करता है।
डेटा को कैसे हैंडल करते हैं, यह जानने के लिए हमारे पेज देखें: गोपनीयता नीति , उपयोग की शर्तें.