कदम 1
कोई रंग चुनें या दर्ज करें
विज़ुअल पिकर का उपयोग करें, एक वैध तीन- या छह-अंकीय HEX कोड लागू करें, एक त्वरित नमूना चुनें, या जब आपका ब्राउज़र इसका समर्थन करता है तो स्क्रीन आईड्रॉपर शुरू करें।
विज़ुअली कोई रंग चुनें या HEX मान दर्ज करें, फिर RGB, HSL और अपारदर्शिता को फाइन-ट्यून करें। परिणाम का पूर्वावलोकन करें, आस-पास के टोन की तुलना करें, और बिना लॉगिन के सटीक रंग कोड कॉपी करें।
स्टार्टर का रंग: #0F766E। प्रत्येक वैध नियंत्रण एक 8-बिट sRGB चयन को अद्यतन करता है।
#RGB या #RRGGBB स्वीकार करता है। अपारदर्शिता को अलग से नियंत्रित किया जाता है.
पारदर्शिता पूर्वावलोकन
अपारदर्शी पाठ पूर्वावलोकन
HSV एक डिज़ाइन संदर्भ है; अन्य पंक्तियाँ CSS-तैयार मान हैं।
एक टिंट, शेड, या पूरक रंग चुनें।
आठ रंगों तक; पुनः लोड करने से सेट साफ़ हो जाता है।
अभी तक कोई सहेजा गया रंग नहीं।
कदम 1
विज़ुअल पिकर का उपयोग करें, एक वैध तीन- या छह-अंकीय HEX कोड लागू करें, एक त्वरित नमूना चुनें, या जब आपका ब्राउज़र इसका समर्थन करता है तो स्क्रीन आईड्रॉपर शुरू करें।
कदम 2
लाल, हरा और नीला चैनल समायोजित करें या रंग, संतृप्ति, हल्कापन और अस्पष्टता बदलें। प्रत्येक वैध नियंत्रण पूर्वावलोकन और आउटपुट स्वरूपों को सिंक्रनाइज़ रखता है।
कदम 3
पारदर्शिता और हल्के या गहरे पाठ की जांच करें, संबंधित टोन आज़माएं, अधिकतम आठ वर्तमान-टैब उम्मीदवारों को सहेजें, फिर अपने CSS या डिज़ाइन टूल के लिए आवश्यक सटीक मान की प्रतिलिपि बनाएँ।
नियंत्रण एक 8-बिट sRGB रंग को कई उपयोगी रूपों में व्यक्त करते हैं। वह प्रतिनिधित्व चुनें जो आपके पास पहले से मौजूद जानकारी या आपके द्वारा किए जाने वाले समायोजन से मेल खाता हो।
#RGB या #RRGGBB दर्ज करें और फ़ील्ड अपूर्ण होने पर पिछले वैध रंग को खोए बिना इसे लागू करें। एक अपारदर्शी आधार रंग के लिए छह-अंकीय HEX या अल्फा चैनल की आवश्यकता होने पर आठ-अंकीय HEX कॉपी करें।
RGB तीन 0-255 sRGB चैनलों को सीधे उजागर करता है। इसका उपयोग तब करें जब कोई विनिर्देश या डिज़ाइन एप्लिकेशन आपको संख्यात्मक लाल, हरा और नीला मान देता है या जब एक चैनल को छोटे सुधार की आवश्यकता होती है।
ह्यू 0-360 डिग्री के चारों ओर घूमता है, संतृप्ति रंग की तीव्रता को नियंत्रित करती है, हल्कापन काले या सफेद की ओर बढ़ता है, और अल्फा पारदर्शिता को नियंत्रित करता है। ये नियंत्रण वैध सीमाओं तक सीमित रहते हैं।
एक संख्यात्मक कोड का आकलन करना आसान होता है जब वह यथार्थवादी संदर्भों में प्रकट होता है। इन पूर्वावलोकनों का उपयोग अगले निर्णय के लिए साक्ष्य के रूप में करें, न कि संपूर्ण पहुंच-योग्यता समीक्षा के रूप में।
एक चेकबोर्ड प्रत्येक अल्फ़ा मान को केवल सफ़ेद रंग के विरुद्ध दिखाने के बजाय अस्पष्टता को दृश्यमान बनाता है। अल्फ़ा-अवेयर फ़ॉर्मेट की प्रतिलिपि बनाने से पहले पारदर्शी पूर्वावलोकन की तुलना अपारदर्शी आधार नमूने से करें।
कार्यस्थान अपारदर्शी चयनित रंग के ऊपर सफेद और काले पाठ को रखता है और प्रत्येक कंट्रास्ट अनुपात की रिपोर्ट करता है। इससे आपको वास्तविक अग्रभूमि और पृष्ठभूमि जोड़ी का परीक्षण करने से पहले संभावित दिशा की पहचान करने में मदद मिलती है।
एक चयनित पृष्ठभूमि और दो नमूना पाठ रंग पूर्ण इंटरफ़ेस को मान्य नहीं कर सकते। सटीक जोड़ी का परीक्षण करने और सामान्य-पाठ और बड़े-पाठ थ्रेसहोल्ड की समीक्षा करने के लिए समर्पित रंग कंट्रास्ट चेकर का उपयोग करें।
ब्राउज़र API और डिजिटल रंग मूल्यों की व्यावहारिक सीमाएँ हैं। पेज फ़ॉलबैक नियंत्रणों को प्रयोग करने योग्य रखता है और बताता है कि चयनित संख्याएँ क्या प्रदर्शित कर सकती हैं और क्या नहीं।
आईड्रॉपर सीमित ब्राउज़र उपलब्धता के साथ प्रगतिशील वृद्धि है। इसके लिए आपके बटन क्लिक की आवश्यकता होती है, एक चयनित स्क्रीन रंग लौटाता है, एस्केप के साथ रद्द किया जा सकता है, और एक सुरक्षित संदर्भ की आवश्यकता हो सकती है।
पिकर मानों को परिवर्तित करता है और सहेजे गए नमूनों को वर्तमान पृष्ठ स्थिति में रखता है। इसके लिए किसी खाते या बाहरी रंग-प्रसंस्करण अनुरोध की आवश्यकता नहीं है, और यह स्थायी भंडारण या ऑफ़लाइन उपलब्धता का वादा नहीं करता है।
यह टूल वेब और स्क्रीन वर्कफ़्लो के लिए 8-बिट sRGB मान का उपयोग करता है। यह छवि प्रोफाइल नहीं पढ़ता है, विस्तृत-सीमा मान उत्पन्न नहीं करता है, या प्रिंटर, स्याही, कागज, पेंट, या मालिकाना रंग प्रणालियों से मिलान की गारंटी नहीं देता है।
रंग गणना और सहेजे गए नमूने इस ब्राउज़र टैब में रहते हैं और किसी बाहरी रंग सेवा को नहीं भेजे जाते हैं। वैकल्पिक स्क्रीन आईड्रॉपर आपके क्लिक के बाद ही शुरू होती है और हर ब्राउज़र या संदर्भ में उपलब्ध नहीं होती है।
हां. यह कलर पिकर बिना पंजीकरण या लॉगिन के ऑनलाइन उपयोग के लिए निःशुल्क है। पृष्ठ रंग चयन, चैनल संपादन, सहेजे गए वर्तमान-टैब नमूने, या खाता गेट के पीछे प्रतिलिपि क्रियाओं को नहीं रखता है।
दृश्य नियंत्रण के साथ एक रंग चुनें, एक वैध तीन- या छह-अंकीय HEX मान दर्ज करें, या एक सहायक ब्राउज़र में स्क्रीन से चुनें का उपयोग करें। RGB, HSL, या अपारदर्शिता को फाइन-ट्यून करें, पूर्वावलोकन की समीक्षा करें, फिर अपने आवश्यक प्रारूप की प्रतिलिपि बनाएँ।
आप अपारदर्शी HEX, अल्फा-अवेयर HEX, आधुनिक CSS RGB, आधुनिक CSS HSL, HSV संदर्भ मान और एक CSS कॉपी कर सकते हैं कस्टम-संपत्ति घोषणा। जब अपारदर्शिता 100% से कम होती है, तो अल्फ़ा-जागरूक पंक्तियाँ इसे स्पष्ट रूप से शामिल करती हैं।
HEX और RGB अलग-अलग सिंटैक्स में एक ही 8-बिट sRGB लाल, हरे और नीले चैनल का वर्णन करते हैं। HSL रंग, संतृप्ति और हल्केपन द्वारा उस रंग का प्रतिनिधित्व करता है, जो तब अधिक सुविधाजनक हो सकता है जब आप किसी रंग को घुमाना चाहते हैं या रंग को अधिक म्यूट, हल्का या गहरा बनाना चाहते हैं।
हां. अपारदर्शिता को 0% से 100% तक समायोजित करें। चेकरबोर्ड पर पारदर्शी पूर्वावलोकन अपडेट होता है, और अल्फा HEX, RGB, HSL, और CSS चर पंक्तियों में चयनित अपारदर्शिता शामिल होती है। अपारदर्शी HEX छह अंकों के आधार रंग के रूप में उपलब्ध है।
एक सहायक ब्राउज़र और सुरक्षित संदर्भ में, पिक फ्रॉम स्क्रीन आपके क्लिक के बाद ब्राउज़र आईड्रॉपर शुरू करता है। एक स्क्रीन पिक्सेल चुनें या रद्द करने के लिए एस्केप दबाएँ। यदि बटन अनुपलब्ध है, तो इसके बजाय सामान्य विज़ुअल पिकर या संख्यात्मक फ़ील्ड का उपयोग करें।
बाहरी रंग सेवा पर कोई रंग इनपुट अपलोड नहीं किया जाता है। चयनित रंग और सहेजे गए नमूने केवल वर्तमान पृष्ठ स्थिति में मौजूद हैं। टैब को पुनः लोड करने या बंद करने से सहेजा गया कार्य सेट साफ़ हो जाता है।
नहीं. यह मार्ग एक सामान्य रंग चयनकर्ता और प्रारूप कनवर्टर है; यह छवियाँ या नमूना छवि पिक्सेल लोड नहीं करता है। एक सहायक ब्राउज़र में, वैकल्पिक स्क्रीन आईड्रॉपर एक स्पष्ट उपयोगकर्ता कार्रवाई के बाद एक दृश्यमान पिक्सेल का नमूना ले सकता है।
नहीं. वे केवल त्वरित पूर्वावलोकन के रूप में अपारदर्शी आधार रंग की तुलना सफेद और काले रंग से करते हैं। समर्पित कलर कंट्रास्ट चेकर में वास्तविक अग्रभूमि और पृष्ठभूमि जोड़ी का परीक्षण करें और पाठ आकार, वजन, स्थिति और गैर-रंग संकेतों सहित बाकी इंटरफ़ेस की समीक्षा करें।
जरूरी नहीं। यह टूल 8-बिट sRGB वेब रंगों के साथ काम करता है। डिस्प्ले कैलिब्रेशन, इमेज प्रोफाइल, वाइड-गैमट कलर स्पेस, प्रिंटर प्रोफाइल, स्याही, कागज, पेंट और मालिकाना रंग सिस्टम एक संख्यात्मक मान समान दिखने पर भी अलग-अलग परिणाम दे सकते हैं।
किसी अन्य ब्राउज़र-आधारित टूल के साथ जारी रखें।
रंग जोड़ी के कंट्रास्ट की जाँच करें
WCAG 2.2 AA और AAA के विरुद्ध टेक्स्ट और पृष्ठभूमि रंगों का परीक्षण करें। सटीक कंट्रास्ट अनुपात देखें, चयनित फ़ॉन्ट आकार और वजन का पूर्वावलोकन करें, और पहचानें कि जोड़ी पास होती है या नहीं।
एक CSS ग्रेडिएंट बनाएं
दो से छह रंग स्टॉप के साथ रैखिक, रेडियल या शंकु ग्रेडिएंट बनाएं। परिणाम का लाइव पूर्वावलोकन करें, प्रासंगिक दिशा या मूल को समायोजित करें, और साइन इन किए बिना उपयोग के लिए तैयार CSS को कॉपी करें।
CSS छाया पर रंग लागू करें
अधिकतम चार संपादन योग्य परतों के साथ स्तरित CSS छायाएँ बनाएँ। ऑफसेट, ब्लर, स्प्रेड, रंग, अपारदर्शिता और इनसेट मोड को समायोजित करें, परिणाम का पूर्वावलोकन करें, और लॉगिन के बिना CSS को कॉपी करें।
एक SVG संपत्ति तैयार करें
SVG मार्कअप अपलोड या पेस्ट करें, इसे SVGO के साथ स्थानीय रूप से अनुकूलित करें, और डाउनलोड करने से पहले कोड, फ़ाइल आकार और दृश्य परिणाम की तुलना करें। कोई लॉगिन या सर्वर अपलोड की आवश्यकता नहीं है।