Free AI Tools
उपकरण श्रेणियां ब्राउज़ करें

मुफ़्त ऑनलाइन रंग चयनकर्ता: HEX, RGB और HSL

विज़ुअली कोई रंग चुनें या HEX मान दर्ज करें, फिर RGB, HSL और अपारदर्शिता को फाइन-ट्यून करें। परिणाम का पूर्वावलोकन करें, आस-पास के टोन की तुलना करें, और बिना लॉगिन के सटीक रंग कोड कॉपी करें।

एक रंग चुनें और संपादित करें

स्टार्टर का रंग: #0F766E। प्रत्येक वैध नियंत्रण एक 8-बिट sRGB चयन को अद्यतन करता है।

#RGB या #RRGGBB स्वीकार करता है। अपारदर्शिता को अलग से नियंत्रित किया जाता है.

RGB चैनल
HSL चैनल

पारदर्शिता पूर्वावलोकन

#0F766E

अपारदर्शी पाठ पूर्वावलोकन

सफ़ेद पाठ5.47:1
काला पाठ3.84:1

रंग मानों की प्रतिलिपि बनाएँ

HSV एक डिज़ाइन संदर्भ है; अन्य पंक्तियाँ CSS-तैयार मान हैं।

संबंधित स्वर

एक टिंट, शेड, या पूरक रंग चुनें।

इस टैब के लिए सहेजा गया

आठ रंगों तक; पुनः लोड करने से सेट साफ़ हो जाता है।

अभी तक कोई सहेजा गया रंग नहीं।

ऑनलाइन रंग कैसे चुनें

कदम 1

कोई रंग चुनें या दर्ज करें

विज़ुअल पिकर का उपयोग करें, एक वैध तीन- या छह-अंकीय HEX कोड लागू करें, एक त्वरित नमूना चुनें, या जब आपका ब्राउज़र इसका समर्थन करता है तो स्क्रीन आईड्रॉपर शुरू करें।

कदम 2

फाइन-ट्यून RGB, HSL, और अपारदर्शिता

लाल, हरा और नीला चैनल समायोजित करें या रंग, संतृप्ति, हल्कापन और अस्पष्टता बदलें। प्रत्येक वैध नियंत्रण पूर्वावलोकन और आउटपुट स्वरूपों को सिंक्रनाइज़ रखता है।

कदम 3

मूल्य का पूर्वावलोकन करें, सहेजें और कॉपी करें

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

HEX, RGB, HSL, और अल्फा मान संपादित करें

नियंत्रण एक 8-बिट sRGB रंग को कई उपयोगी रूपों में व्यक्त करते हैं। वह प्रतिनिधित्व चुनें जो आपके पास पहले से मौजूद जानकारी या आपके द्वारा किए जाने वाले समायोजन से मेल खाता हो।

कॉम्पैक्ट वेब कलर कोड के लिए HEX का उपयोग करें

#RGB या #RRGGBB दर्ज करें और फ़ील्ड अपूर्ण होने पर पिछले वैध रंग को खोए बिना इसे लागू करें। एक अपारदर्शी आधार रंग के लिए छह-अंकीय HEX या अल्फा चैनल की आवश्यकता होने पर आठ-अंकीय HEX कॉपी करें।

लाल, हरा और नीला चैनल समायोजित करें

RGB तीन 0-255 sRGB चैनलों को सीधे उजागर करता है। इसका उपयोग तब करें जब कोई विनिर्देश या डिज़ाइन एप्लिकेशन आपको संख्यात्मक लाल, हरा और नीला मान देता है या जब एक चैनल को छोटे सुधार की आवश्यकता होती है।

रंग, संतृप्ति, हल्कापन और अल्फ़ा बदलें

ह्यू 0-360 डिग्री के चारों ओर घूमता है, संतृप्ति रंग की तीव्रता को नियंत्रित करती है, हल्कापन काले या सफेद की ओर बढ़ता है, और अल्फा पारदर्शिता को नियंत्रित करता है। ये नियंत्रण वैध सीमाओं तक सीमित रहते हैं।

प्रकाश और अंधेरे सतहों पर रंग का पूर्वावलोकन करें

एक संख्यात्मक कोड का आकलन करना आसान होता है जब वह यथार्थवादी संदर्भों में प्रकट होता है। इन पूर्वावलोकनों का उपयोग अगले निर्णय के लिए साक्ष्य के रूप में करें, न कि संपूर्ण पहुंच-योग्यता समीक्षा के रूप में।

पारदर्शिता के बजाय रंग की जाँच करें

एक चेकबोर्ड प्रत्येक अल्फ़ा मान को केवल सफ़ेद रंग के विरुद्ध दिखाने के बजाय अस्पष्टता को दृश्यमान बनाता है। अल्फ़ा-अवेयर फ़ॉर्मेट की प्रतिलिपि बनाने से पहले पारदर्शी पूर्वावलोकन की तुलना अपारदर्शी आधार नमूने से करें।

सफ़ेद और काले पाठ की तुलना करें

कार्यस्थान अपारदर्शी चयनित रंग के ऊपर सफेद और काले पाठ को रखता है और प्रत्येक कंट्रास्ट अनुपात की रिपोर्ट करता है। इससे आपको वास्तविक अग्रभूमि और पृष्ठभूमि जोड़ी का परीक्षण करने से पहले संभावित दिशा की पहचान करने में मदद मिलती है।

रंग जोड़ी के लिए पूर्ण कंट्रास्ट जांच चलाएँ

एक चयनित पृष्ठभूमि और दो नमूना पाठ रंग पूर्ण इंटरफ़ेस को मान्य नहीं कर सकते। सटीक जोड़ी का परीक्षण करने और सामान्य-पाठ और बड़े-पाठ थ्रेसहोल्ड की समीक्षा करने के लिए समर्पित रंग कंट्रास्ट चेकर का उपयोग करें।

ब्राउज़र आईड्रॉपर, गोपनीयता और रंग सीमाएँ

ब्राउज़र API और डिजिटल रंग मूल्यों की व्यावहारिक सीमाएँ हैं। पेज फ़ॉलबैक नियंत्रणों को प्रयोग करने योग्य रखता है और बताता है कि चयनित संख्याएँ क्या प्रदर्शित कर सकती हैं और क्या नहीं।

समर्थित होने पर स्क्रीन आईड्रॉपर का उपयोग करें

आईड्रॉपर सीमित ब्राउज़र उपलब्धता के साथ प्रगतिशील वृद्धि है। इसके लिए आपके बटन क्लिक की आवश्यकता होती है, एक चयनित स्क्रीन रंग लौटाता है, एस्केप के साथ रद्द किया जा सकता है, और एक सुरक्षित संदर्भ की आवश्यकता हो सकती है।

चयनित रंगों को वर्तमान टैब में रखें

पिकर मानों को परिवर्तित करता है और सहेजे गए नमूनों को वर्तमान पृष्ठ स्थिति में रखता है। इसके लिए किसी खाते या बाहरी रंग-प्रसंस्करण अनुरोध की आवश्यकता नहीं है, और यह स्थायी भंडारण या ऑफ़लाइन उपलब्धता का वादा नहीं करता है।

परिणाम को sRGB वेब कलर के रूप में मानें

यह टूल वेब और स्क्रीन वर्कफ़्लो के लिए 8-बिट sRGB मान का उपयोग करता है। यह छवि प्रोफाइल नहीं पढ़ता है, विस्तृत-सीमा मान उत्पन्न नहीं करता है, या प्रिंटर, स्याही, कागज, पेंट, या मालिकाना रंग प्रणालियों से मिलान की गारंटी नहीं देता है।

गोपनीयता और सीमाएँ

रंग गणना और सहेजे गए नमूने इस ब्राउज़र टैब में रहते हैं और किसी बाहरी रंग सेवा को नहीं भेजे जाते हैं। वैकल्पिक स्क्रीन आईड्रॉपर आपके क्लिक के बाद ही शुरू होती है और हर ब्राउज़र या संदर्भ में उपलब्ध नहीं होती है।

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

क्या यह रंग बीनने वाला उपयोग करने के लिए मुफ़्त है?

हां. यह कलर पिकर बिना पंजीकरण या लॉगिन के ऑनलाइन उपयोग के लिए निःशुल्क है। पृष्ठ रंग चयन, चैनल संपादन, सहेजे गए वर्तमान-टैब नमूने, या खाता गेट के पीछे प्रतिलिपि क्रियाओं को नहीं रखता है।

मैं ऑनलाइन कलर पिकर का उपयोग कैसे करूं?

दृश्य नियंत्रण के साथ एक रंग चुनें, एक वैध तीन- या छह-अंकीय HEX मान दर्ज करें, या एक सहायक ब्राउज़र में स्क्रीन से चुनें का उपयोग करें। RGB, HSL, या अपारदर्शिता को फाइन-ट्यून करें, पूर्वावलोकन की समीक्षा करें, फिर अपने आवश्यक प्रारूप की प्रतिलिपि बनाएँ।

मैं कौन से रंग प्रारूप की प्रतिलिपि बना सकता हूं?

आप अपारदर्शी HEX, अल्फा-अवेयर HEX, आधुनिक CSS RGB, आधुनिक CSS HSL, HSV संदर्भ मान और एक CSS कॉपी कर सकते हैं कस्टम-संपत्ति घोषणा। जब अपारदर्शिता 100% से कम होती है, तो अल्फ़ा-जागरूक पंक्तियाँ इसे स्पष्ट रूप से शामिल करती हैं।

HEX, RGB, और HSL के बीच क्या अंतर है?

HEX और RGB अलग-अलग सिंटैक्स में एक ही 8-बिट sRGB लाल, हरे और नीले चैनल का वर्णन करते हैं। HSL रंग, संतृप्ति और हल्केपन द्वारा उस रंग का प्रतिनिधित्व करता है, जो तब अधिक सुविधाजनक हो सकता है जब आप किसी रंग को घुमाना चाहते हैं या रंग को अधिक म्यूट, हल्का या गहरा बनाना चाहते हैं।

क्या मैं अपारदर्शिता जोड़ सकता हूँ या अल्फ़ा रंग की प्रतिलिपि बना सकता हूँ?

हां. अपारदर्शिता को 0% से 100% तक समायोजित करें। चेकरबोर्ड पर पारदर्शी पूर्वावलोकन अपडेट होता है, और अल्फा HEX, RGB, HSL, और CSS चर पंक्तियों में चयनित अपारदर्शिता शामिल होती है। अपारदर्शी HEX छह अंकों के आधार रंग के रूप में उपलब्ध है।

क्या मैं अपनी स्क्रीन पर कहीं से भी रंग चुन सकता हूँ?

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

क्या यह रंग बीनने वाला मेरे रंग अपलोड या सहेजता है?

बाहरी रंग सेवा पर कोई रंग इनपुट अपलोड नहीं किया जाता है। चयनित रंग और सहेजे गए नमूने केवल वर्तमान पृष्ठ स्थिति में मौजूद हैं। टैब को पुनः लोड करने या बंद करने से सहेजा गया कार्य सेट साफ़ हो जाता है।

क्या मैं अपलोड की गई छवि से कोई रंग चुन सकता हूँ?

नहीं. यह मार्ग एक सामान्य रंग चयनकर्ता और प्रारूप कनवर्टर है; यह छवियाँ या नमूना छवि पिक्सेल लोड नहीं करता है। एक सहायक ब्राउज़र में, वैकल्पिक स्क्रीन आईड्रॉपर एक स्पष्ट उपयोगकर्ता कार्रवाई के बाद एक दृश्यमान पिक्सेल का नमूना ले सकता है।

क्या प्रदर्शित कंट्रास्ट अनुपात पहुंच की गारंटी देता है?

नहीं. वे केवल त्वरित पूर्वावलोकन के रूप में अपारदर्शी आधार रंग की तुलना सफेद और काले रंग से करते हैं। समर्पित कलर कंट्रास्ट चेकर में वास्तविक अग्रभूमि और पृष्ठभूमि जोड़ी का परीक्षण करें और पाठ आकार, वजन, स्थिति और गैर-रंग संकेतों सहित बाकी इंटरफ़ेस की समीक्षा करें।

क्या चयनित रंग प्रिंट, पेंट या प्रत्येक डिस्प्ले से मेल खाएगा?

जरूरी नहीं। यह टूल 8-बिट sRGB वेब रंगों के साथ काम करता है। डिस्प्ले कैलिब्रेशन, इमेज प्रोफाइल, वाइड-गैमट कलर स्पेस, प्रिंटर प्रोफाइल, स्याही, कागज, पेंट और मालिकाना रंग सिस्टम एक संख्यात्मक मान समान दिखने पर भी अलग-अलग परिणाम दे सकते हैं।

संबंधित उपकरण

किसी अन्य ब्राउज़र-आधारित टूल के साथ जारी रखें।

निःशुल्क डिज़ाइन उपकरण

रंग जोड़ी के कंट्रास्ट की जाँच करें

रंग कंट्रास्ट चेकर

WCAG 2.2 AA और AAA के विरुद्ध टेक्स्ट और पृष्ठभूमि रंगों का परीक्षण करें। सटीक कंट्रास्ट अनुपात देखें, चयनित फ़ॉन्ट आकार और वजन का पूर्वावलोकन करें, और पहचानें कि जोड़ी पास होती है या नहीं।

C निःशुल्क डिज़ाइन उपकरण

एक CSS ग्रेडिएंट बनाएं

CSS ग्रेडिएंट जेनरेटर

दो से छह रंग स्टॉप के साथ रैखिक, रेडियल या शंकु ग्रेडिएंट बनाएं। परिणाम का लाइव पूर्वावलोकन करें, प्रासंगिक दिशा या मूल को समायोजित करें, और साइन इन किए बिना उपयोग के लिए तैयार CSS को कॉपी करें।

C निःशुल्क डिज़ाइन उपकरण

CSS छाया पर रंग लागू करें

CSS बॉक्स शैडो जेनरेटर

अधिकतम चार संपादन योग्य परतों के साथ स्तरित CSS छायाएँ बनाएँ। ऑफसेट, ब्लर, स्प्रेड, रंग, अपारदर्शिता और इनसेट मोड को समायोजित करें, परिणाम का पूर्वावलोकन करें, और लॉगिन के बिना CSS को कॉपी करें।

S निःशुल्क डिज़ाइन उपकरण

एक SVG संपत्ति तैयार करें

SVG अनुकूलक

SVG मार्कअप अपलोड या पेस्ट करें, इसे SVGO के साथ स्थानीय रूप से अनुकूलित करें, और डाउनलोड करने से पहले कोड, फ़ाइल आकार और दृश्य परिणाम की तुलना करें। कोई लॉगिन या सर्वर अपलोड की आवश्यकता नहीं है।