सोपा कलर पिकर

Chrome साठी मोफत कलर पिकर

कोणत्याही पेजवरून रंग निवडा. #E8553D मिळवा

सोपा कलर पिकर हा Chrome साठी मोफत आयड्रॉपर आहे. त्याचे बटण किंवा Alt+P दाबा, झूम लूपमधून कोणत्याही पिक्सेलवर नेम धरा आणि क्लिक करा: HEX, RGB किंवा HSL कोड आधीच क्लिपबोर्डवर असतो. तुमचे शेवटचे 50 रंग पॉपअपमध्ये राहतात.

Chrome मध्ये जोडा — मोफत

Chrome Web Store वर ४५३ वापरकर्ते

Edge, Brave, Opera आणि इतर Chromium ब्राउझरमध्येही चालतो.

वेब पेजवरील पोस्टरवर चौकोनी झूम लूप एक पिक्सेल HEX, RGB आणि HSL सह फ्रेम करतो; शेजारी सोपा कलर पिकर पॉपअप #E8553D आणि रंगांचा इतिहास दाखवतो

थोडक्यात

काय करतो
कलर पिकर आयड्रॉपर: झूम लूपमधून वेब पेजवरील कोणत्याही पिक्सेलवर नेम धरा, क्लिक करा, आणि त्याचा HEX, RGB किंवा HSL कोड कॉपी होतो.
कोणासाठी
वेब डेव्हलपर आणि डिझायनर, जे ब्राउझरमध्ये उघडलेल्या लाइव्ह साइट, मॉकअप आणि स्क्रीनशॉटमधून रंग जुळवतात, आणि रंगाचा कोड हवा असलेल्या प्रत्येकासाठी.
किंमत
मोफत. खाते नाही, सशुल्क आवृत्ती नाही.
डेटा
तुमचा इतिहास आणि डीफॉल्ट फॉरमॅट तुमच्या डिव्हाइसवर एक्स्टेंशनच्या लोकल स्टोरेजमध्ये राहतो. अ‍ॅनालिटिक्स नाही, नेटवर्क विनंत्या नाहीत.
कुठे चालतो
संगणकावर Chrome आणि Chrome Web Store मधून इन्स्टॉल होणारे इतर Chromium ब्राउझर. नवीन टॅब पेज, सेटिंग्ज किंवा Chrome Web Store यांसारख्या ब्राउझर पेजवर नाही.
मर्यादा
टॅबच्या दिसणाऱ्या भागातून रंग घेतो, तुम्ही सुरू करताना घेतलेल्या स्नॅपशॉटवरून. CMYK, Pantone किंवा कॉन्ट्रास्ट तपासणी नाही, आणि ब्राउझरबाहेरून रंग निवडता येत नाही.
आवृत्ती
2.7.0, अद्यतनित २३ ऑक्टोबर, २०२६

तीन पायऱ्या, एक क्लिक

  1. 1

    पिकर सुरू करा

    टूलबारवरील आयकॉनवर क्लिक करा आणि रंग निवडा बटण दाबा, किंवा कोणत्याही पेजवर Alt+P दाबा.

  2. 2

    लूपने नेम धरा

    चौकोनी लूप कर्सरभोवती झूम करतो आणि नेमका एक पिक्सेल फ्रेम करतो. त्याखालील चिपमध्ये HEX, RGB आणि HSL लाइव्ह दिसतात.

  3. 3

    क्लिक करा आणि पेस्ट करा

    कोड तुमच्या डीफॉल्ट फॉरमॅटमध्ये कॉपी होतो आणि छोटी सूचना त्याची खात्री देते. तो CSS, Figma किंवा मेसेजमध्ये पेस्ट करा.

कोण वापरतो

CSS

फ्रंट-एंड

DevTools न उघडता लाइव्ह साइटवरून CSS, SCSS किंवा Tailwind कॉन्फिगसाठी अचूक मूल्ये घ्या.

HEX

डिझाइन आणि ब्रँड तपासणी

इंटरफेस, मॉकअप किंवा रेफरन्समधून पॅलेट घ्या आणि पेज योग्य ब्रँड रंग वापरते का ते तपासा.

HSL

रंग जुळवणे

उजळपणा आणि सॅच्युरेशन हाताने बदलण्यासाठी HSL घ्या, किंवा आकडे हवे असलेल्या कोडसाठी RGB.

काय करतो

  • पिक्सेल, फ्रेममध्ये

    लूप कर्सरभोवतीचे 11 × 11 पिक्सेल मोठे करतो आणि क्रॉसहेअर तुम्ही घेणारा पिक्सेल फ्रेम करतो. एक पिक्सेलची बॉर्डर किंवा ग्रेडियंटची एकच पायरी अचूक पकडा.

  • फॉरमॅट

    HEX जसे #2A6FDB, RGB जसे rgb(42, 111, 219), HSL जसे hsl(217, 71%, 51%). डीफॉल्ट फॉरमॅट पॉपअपमध्ये एकदाच निवडा.

  • रंग इतिहासात

    निवडलेला प्रत्येक रंग शेवटच्या 50 रंगांच्या ग्रिडमध्ये सर्वात पुढे येतो, पुनरावृत्तीशिवाय. स्वॉचवर क्लिक करून तिन्ही कोड पाहा आणि कॉपी करा.

  • Alt+P शॉर्टकट

    पॉपअप न उघडता निवड सुरू करा. वेगळी की हवी असल्यास पॉपअपमधील कीकॅप Chrome च्या शॉर्टकट सेटिंग्ज उघडते.

  • नेटवर्क विनंत्या

    सर्व काही तुमच्या ब्राउझरमध्ये चालते. खाते नाही, अ‍ॅनालिटिक्स नाही, टेलिमेट्री नाही.

  • लाइट आणि डार्क

    पॉपअप आणि लूप सिस्टम थीमचे अनुसरण करतात, तटस्थ राखाडी छटांमध्ये, ज्या तुम्ही तपासत असलेल्या रंगांवर छाया टाकत नाहीत.

वेब पेजवरील कशाचाही कलर कोड कसा मिळवायचा

Chrome चा स्वतःचा आयड्रॉपर DevTools मध्ये दडलेला आहे: शैली पॅनेल उघडा, रंगाची प्रॉपर्टी शोधा, तिच्या स्वॉचवर क्लिक करा, मग आयड्रॉपरवर. हे चालते, पण ते लपलेले आहे, आणि निवडलेले मूल्य क्लिपबोर्डवर जाण्याऐवजी पेजच्या CSS मधील ती प्रॉपर्टी बदलते.

सोपा कलर पिकर आयड्रॉपर एका क्लिकवर किंवा एका शॉर्टकटवर आणतो. सुरू केल्यावर तो टॅबच्या दिसणाऱ्या भागाचा स्नॅपशॉट घेतो आणि त्यावर चौकोनी लूप उघडतो, त्यामुळे तुम्हाला नेमका पिक्सेल दिसतो, सरासरी नाही. एका क्लिकने कोड कॉपी होतो, आणि पॉपअप तो तुमच्या शेवटच्या 50 रंगांसह तिन्ही फॉरमॅटमध्ये ठेवतो.

सुरू करण्यापूर्वी पेजच्या हवा असलेल्या भागापर्यंत स्क्रोल करा: लूप त्या स्नॅपशॉटमधून वाचतो. नवीन टॅब पेज, सेटिंग्ज आणि Chrome Web Store यांसारखी ब्राउझर पेज सर्व एक्स्टेंशनसाठी बंद असतात.

डिझाइनमधूनच खाजगी

  • नेटवर्क विनंत्या नाहीत

    एक्स्टेंशन कधीही सर्व्हरशी बोलत नाही. अ‍ॅनालिटिक्स नाही, टेलिमेट्री नाही.

  • तुमच्या डिव्हाइसवरच राहते

    तुमचा इतिहास आणि डीफॉल्ट फॉरमॅट एक्स्टेंशनच्या लोकल स्टोरेजमध्ये असतो.

  • चार परवानग्या

    सक्रिय टॅब, फक्त तुम्ही निवड सुरू करता तेव्हा, स्नॅपशॉटसाठी; लूप दाखवण्यासाठी स्क्रिप्टिंग; इतिहास आणि फॉरमॅटसाठी स्टोरेज; कोड कॉपी करण्यासाठी क्लिपबोर्डवर लेखन.

DevTools आयड्रॉपर विरुद्ध सोपा कलर पिकर

DevTools आयड्रॉपर विरुद्ध सोपा कलर पिकरDevTools आयड्रॉपरसोपा कलर पिकर
सुरू कसे करायचेDevTools उघडा, शैली मध्ये रंग शोधा, त्याच्या स्वॉचवर क्लिक करा, मग आयड्रॉपरवरटूलबार बटण किंवा Alt+P
निकाल कुठे जातोतुम्ही उघडलेली CSS प्रॉपर्टी; कॉपी तुम्हालाच करावी लागतेतुमचा क्लिपबोर्ड, क्लिक करताच
रंग फॉरमॅटHEX, RGB, HSL आणि अधिकHEX, RGB आणि HSL
आधी निवडलेले रंगजतन होत नाहीततुमचे शेवटचे 50, पुन्हा कॉपी करायला तयार
किंमतChrome मध्ये अंगभूतमोफत

प्रश्न

वेबसाइटवरून कलर कोड कसा मिळवायचा?

सोपा कलर पिकर इन्स्टॉल करा, पेजवर Alt+P दाबा, लूप रंगावर धरा आणि क्लिक करा. HEX कोड, किंवा तुम्हाला हवे असल्यास RGB अथवा HSL, क्लिपबोर्डवर कॉपी होतो.

वेब पेजवरील इमेजमधून रंग कसा निवडायचा?

तसेच: पिकर सुरू करा आणि चित्रातील हवा असलेला पिक्सेल क्लिक करा. लूप झूम करतो, त्यामुळे तुम्ही एक अचूक पिक्सेल घेऊ शकता.

HEX ऐवजी HSL किंवा RGB कॉपी करता येईल का?

हो. पॉपअपमध्ये डीफॉल्ट फॉरमॅट निवडा: HEX, RGB किंवा HSL. पॉपअप इतिहासातील कोणत्याही रंगासाठी तिन्ही दाखवतो, प्रत्येकासाठी स्वतंत्र कॉपी बटणासह.

आधी निवडलेले रंग कुठे मिळतील?

पॉपअप उघडा: तुमचे शेवटचे 50 रंग तिथे स्वॉच म्हणून आहेत, सर्वात नवीन आधी. एकावर क्लिक करून त्याचे कोड पाहा आणि कॉपी करा, किंवा इतिहास साफ करा.

Alt+P शॉर्टकट कसा बदलायचा?

पॉपअपमधील शॉर्टकट कीकॅपवर क्लिक करा. त्यामुळे Chrome चे कीबोर्ड शॉर्टकट पेज उघडते, जिथे तुम्ही दुसरी की ठरवू शकता.

काही पेजवर तो का चालत नाही?

Chrome नवीन टॅब पेज, सेटिंग्ज आणि Chrome Web Store यांसारखी स्वतःची पेज सर्व एक्स्टेंशनसाठी बंद ठेवतो. पिकर टॅबचा फक्त दिसणारा भाग वाचतो, त्यामुळे आधी रंगापर्यंत स्क्रोल करा.

ब्राउझरबाहेरचे रंग निवडता येतात का?

नाही. तो फक्त सध्याच्या ब्राउझर टॅबमधून निवडतो. तो CMYK किंवा Pantone मध्ये रूपांतरही करत नाही आणि कॉन्ट्रास्ट तपासत नाही.

तो मोफत आहे का? तो डेटा गोळा करतो का?

तो मोफत आहे आणि नेटवर्क विनंत्या करत नाही. तुमचा इतिहास आणि डीफॉल्ट फॉरमॅट तुमच्या डिव्हाइसवरच राहतो.

PYROCTAL ची आणखी मोफत एक्स्टेंशन

नेम धरा. क्लिक करा. पेस्ट करा.

Chrome मध्ये जोडा — मोफत