कलर पिकर

चौकोर पर घुमाकर रंग चुनिए, या पहले से मौजूद रंग उठाइए: तस्वीर से ड्रॉपर के ज़रिए, और जहाँ ब्राउज़र दे, वहाँ सीधे स्क्रीन से। कोड तीनों लिखावटों में तुरंत आ जाता है।

रंग चुनिए

रंगत अपारदर्शिता: 100%

हाल के

स्क्रीन पर कहीं से भी रंग उठाना ऐसी सुविधा है जो सिर्फ़ Chrome और Edge में है। Safari और Firefox में यह बटन दिखता ही नहीं: वादा करके मना करना, न देने से बुरा है। वहाँ तस्वीर से काम लीजिए — स्क्रीनशॉट भी उतना ही अच्छा चलता है।

तस्वीर इसी टैब में रहती है: रंग यहीं कैनवस से पढ़ा जाता है, कुछ अपलोड नहीं होता। हाल के रंग सिर्फ़ इसी डिवाइस पर याद रहते हैं।

आस-पास: रंग कन्वर्टर · कलर पैलेट जनरेटर · CSS ग्रेडिएंट जनरेटर · HEX से RGB

मुफ़्त
फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं
बिना रजिस्ट्रेशन
फ़ाइलों की कोई सीमा नहीं

कैसे इस्तेमाल करें

चौकोर पर खींचकर छाया चुनिए, और नीचे के स्लाइडर से रंग का परिवार बदलिए।
अर्ध-पारदर्शी रंग चाहिए तो अपारदर्शिता घटाइए — वह rgba में या HEX के अंत में दो अतिरिक्त अक्षरों में दिखेगी।
पहले से मौजूद रंग लेने के लिए «तस्वीर से लीजिए» दबाइए और तस्वीर पर क्लिक कीजिए। Chrome और Edge में सीधे स्क्रीन से भी लिया जा सकता है।
जिस लिखावट की ज़रूरत हो, उसके बगल में «कॉपी» दबाइए। रंग हाल के रंगों की पट्टी में चला जाता है, लौटकर लिया जा सकता है।

जानने योग्य बातें

चौकोर HSV पर क्यों बना है

HSV में संतृप्ति बनाम चमक का चौकोर किनारे से किनारे तक भरा रहता है: हर बिंदु अपना अलग रंग है। यही चौकोर HSL पर बनाइए और वह बिगड़ जाता है — ऊपर की पूरी पंक्ति सफ़ेद और नीचे की पूरी काली, और आधा क्षेत्रफल कुछ भी नहीं चुनता। चुनाव की पूरी वजह यही है, और परीक्षा भी यही पहरा देती है।

तीन रास्ते, क्योंकि लोग अलग-अलग सवाल लेकर आते हैं

रंग चुनना और रंग ढूँढ़ना अलग काम हैं। चौकोर चुनने के लिए है। तस्वीर पर ड्रॉपर उस रंग के लिए है जो कहीं पहले से मौजूद है: स्क्रीनशॉट में, लोगो में, फ़ोटो में। स्क्रीन से लेना वही काम है, बस खिड़की छोड़े बिना — और यह सिर्फ़ Chrome और Edge कर पाते हैं।

पारदर्शिता कहाँ दिखती है

अपारदर्शिता तभी लिखी जाती है जब वह पूरी न हो: «rgb(31, 95, 214)», न कि «rgba(31, 95, 214, 1)» — दूसरे को वैसे भी हाथ से साफ़ करना पड़ता है। HEX में पारदर्शिता अंत के दो अतिरिक्त अक्षर बन जाती है: आज के ब्राउज़र इसे समझते हैं, पुराने औज़ार नहीं — इसलिए पूरी अपारदर्शिता पर यह पूँछ नहीं लिखी जाती।

अक्सर पूछे जाने वाले सवाल

मेरे ब्राउज़र में «स्क्रीन से लीजिए» बटन क्यों नहीं है?

क्योंकि Safari और Firefox यह नहीं कर पाते। यह ब्राउज़र की सुविधा है, हमारी नहीं, और सिर्फ़ Chrome और Edge में है। बटन दिखाकर मना करना, न देने से बुरा है — इसलिए वह दिखता ही नहीं। स्क्रीनशॉट लीजिए और तस्वीर से रंग उठाइए, नतीजा वही रहेगा।

फ़ोटो के किसी एक बिंदु का रंग कैसे पता करें?

«तस्वीर से लीजिए» दबाइए, फ़ाइल चुनिए और पॉइंटर तस्वीर पर घुमाइए — रंग पॉइंटर के पीछे चलता है। क्लिक कीजिए और वह रुक जाएगा। तस्वीर कहीं अपलोड नहीं होती: वह इसी टैब के कैनवस पर बनती है और रंग वहीं से पढ़ा जाता है।

क्या चुनने के बजाय रंग लिखा जा सकता है?

हाँ। तीनों में से किसी भी ख़ाने में आम लिखावट में डालिए — #1f5fd6, 1f5fd6, rgb(31, 95, 214) — बाक़ी दो और चौकोर अपने आप भर जाएँगे। अगर सिर्फ़ एक लिखावट से दूसरी में बदलना है, तो बगल वाला रंग कन्वर्टर छोटा रास्ता है।

चमक शून्य करते ही रंगत का स्लाइडर उछल जाता है।

उछलना नहीं चाहिए, और उछलता नहीं: काले और सफ़ेद की रंगत होती ही नहीं, इसलिए स्लाइडर लाल पर लौटने के बजाय पिछली रंगत रखे रहता है। यह जान-बूझकर है — वरना चौकोर के नीचे जाते ही वह रंग-परिवार खो जाता जिसमें आप काम कर रहे थे।

हाल के रंग कहाँ रखे जाते हैं?

इसी डिवाइस पर, ब्राउज़र में। वे कहीं भेजे नहीं जाते और आपसे जुड़ते भी नहीं: साइट का डेटा मिटाइए और पट्टी फिर ख़ाली हो जाएगी।

श्रेणियाँ

लोकप्रिय टूल