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 बनवला कारण आम्हाला “जस्ट वर्क्स” असा साधा टूल हवा होता. हे समुदाय-प्रकल्प आहे आणि नेहमी मोफत राहील. आम्ही तुमचा डेटा गोळा किंवा विक्री करत नाही. उपयुक्त वाटले तर एक्स्टेंशन इन्स्टॉल करा किंवा साइट शेअर करा — त्यामुळे अधिक लोकांपर्यंत पोहोचेल.
डेटा आम्ही कसा हाताळतो, यासाठी आमच्या पानांना भेट द्या: गोपनीयता धोरण , वापर अटी.