क्या कुछ भी सर्वर पर जाता है

नहीं। चयनकर्ता, ग्रेडिएंट निर्माता और छवि ड्रॉपर आपके ब्राउज़र में चलते हैं, और इतिहास आपके अपने यंत्र के स्थानीय संग्रह में रहता है।

मैं कौन-से प्रारूप कॉपी कर सकता हूँ

HEX, RGB और RGBA, HSL, HSV, CMYK, XYZ, LAB तथा LCH, और साथ ही ठोस रंग और ग्रेडिएंट दोनों के लिए तैयार CSS विवरण।

स्क्रीन ड्रॉपर क्यों नहीं दिखता

यह ब्राउज़र के EyeDropper इंटरफ़ेस पर निर्भर है, जो हर जगह नहीं होता। न होने पर कोई छवि अपलोड करके उसी से रंग ले सकते हैं।

चर्चित रंग कैसे चुने जाते हैं

भविष्यवाणी से नहीं, देखे गए उपयोग से: साल भर में कौन-से रंग चुने जाते हैं और कितनी बार।

क्या इन रंगों का व्यावसायिक उपयोग हो सकता है

हाँ। रंग का मान किसी की संपत्ति नहीं होता, इसलिए यहाँ से कॉपी की गई कोई भी चीज़ सीधे आपके काम में जा सकती है।

रंग चुनें, कोड लें, और काम पर लौटें

रंग चयनकर्ता, ग्रेडिएंट निर्माता और छवि ड्रॉपर एक ही पृष्ठ पर। न खाता, न स्थापना, न प्रतीक्षा: कोई रंग चुनें और उसे HEX, RGB, HSL या HSV के रूप में कॉपी करें।

रंग का पृष्ठ खोलें

रंग कोड

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

चर्चित रंग

इसमें क्या है

ड्रॉपर

अपलोड की गई छवि से रंग लें, और जहाँ ब्राउज़र अनुमति दे वहाँ स्क्रीन पर किसी भी चीज़ से। फ़ाइल पृष्ठ पर छोड़ें और किसी पिक्सेल पर क्लिक करें।

प्रारूप रूपांतरण

HEX, RGB, HSL, HSV, CMYK, XYZ, LAB और LCH के बीच तुरंत बदलें, और कोई भी मान सीधे CSS या अपने डिज़ाइन औज़ार में कॉपी करें।

ग्रेडिएंट निर्माता

पट्टी पर पड़ाव जोड़ें और खिसकाएँ, रैखिक और वृत्तीय के बीच बदलें, कोण और अपारदर्शिता तय करें, फिर तैयार CSS कॉपी करें।

रंग इतिहास

आपका बनाया हर रंग और ग्रेडिएंट आपके ब्राउज़र में रहता है, ताकि बाद में लौट सकें या किसी और परियोजना में दोबारा काम में ले सकें।

सामंजस्य और विविधताएँ

हर रंग पृष्ठ पर हल्के और गहरे रंग तथा छह सामंजस्य योजनाएँ हैं, और इनमें से कोई भी एक क्लिक में ग्रेडिएंट बन जाती है।

मुफ़्त और निजी

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

यह किसके लिए है

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

इसका उपयोग कैसे करें

1
रंग चुनें
संतृप्ति क्षेत्र में कहीं भी क्लिक करें, फिर रंग और पारदर्शिता की स्लाइडरों से बारीकी लाएँ। HEX, RGB और HSV साथ-साथ बदलते रहते हैं।
2
छवि से रंग लें
कोई छवि पृष्ठ पर खींचें या फ़ाइल चुनें, फिर मनचाहे पिक्सेल पर क्लिक करें। कोड तुरंत दिख जाते हैं।
3
ग्रेडिएंट बनाएँ
पड़ाव जोड़ने के लिए पट्टी पर क्लिक करें और उसे जगह पर खिसकाएँ। रैखिक या वृत्तीय चुनें और कोण तय करें।
4
कॉपी करें और काम में लें
मान या पूरा CSS विवरण कॉपी करें। आपने जो भी चुना, वह अपने आप इतिहास में सहेज लिया जाता है।

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

एक छोटा औज़ार जो रास्ते में नहीं आता

शुरुआत एक आंतरिक औज़ार के रूप में हुई थी: हम कोई रंग उठाना, उसे थोड़ा ठीक करना और आगे बढ़ना चाहते थे, बिना पहले कोई भारी डिज़ाइन सॉफ़्टवेयर खोले। यह जान-बूझकर एक ही पृष्ठ है, जान-बूझकर तेज़ है, और मुफ़्त ही रहेगा।

ब्राउज़र एक्सटेंशन

जिन पन्नों पर आप जाते हैं, उन्हीं से सीधे रंग लेना चाहते हैं? Chrome और Edge के एक्सटेंशन आपके टूलबार में ड्रॉपर बटन जोड़ते हैं, अपना अलग इतिहास रखते हैं, और एक क्लिक में यह औज़ार खोल देते हैं।

Chrome वेब स्टोर खोलें Microsoft Edge ऐड-ऑन खोलें