हेक्स आरजीबी एचएसएल रंग कनवर्टर

निःशुल्क रंग कनवर्टर: HEX से RGB, RGB से HEX, साथ ही HSL, HSV, CMYK और अल्फा। लाइव स्लाइडर्स, कलर पिकर, आईड्रॉपर, सेव किए गए नमूने, हारमोंस, डब्ल्यूसीएजी कंट्रास्ट, कलर-ब्लाइंडनेस पूर्वावलोकन और कोड निर्यात - कोई साइनअप नहीं, स्थानीय रूप से चलता है।

जैसे ही आप टाइप करें, HEX, RGB, HSL, HSV/HSB और CMYK के बीच किसी भी रंग को किसी भी दिशा में परिवर्तित करें। डिजाइनरों और डेवलपर्स के लिए निर्मित, इसमें लाइव ग्रेडिएंट ट्रैक्स, एक कलर पिकर, एक स्क्रीन आईड्रॉपर, सहेजे गए और हाल के नमूने, रेडी-मेड कलर हारमोनीज़, एक टिंट/शेड रैंप, एक दो-रंग मिक्सर, एक कलर-ब्लाइंडनेस पूर्वावलोकन, लाइव डब्ल्यूसीएजी कंट्रास्ट चेक और सीएसएस, टेलविंड, एससीएसएस, स्विफ्ट और एंड्रॉइड के लिए कॉपी-रेडी कोड स्निपेट के साथ इंटरैक्टिव आरजीबी/एचएसएल/अल्फा स्लाइडर्स शामिल हैं - यह सब आपके ब्राउज़र में, बिना किसी सुविधा के। अपलोड किया गया.

Share
वर्ग
डेवलपर उपकरण
शामिल
9 विशेषताएं
पहुँच
मुक्त · कोई साइन-अप नहीं
गोपनीयता
आपके ब्राउज़र में चलता है
हेक्स आरजीबी एचएसएल रंग कनवर्टर

Calibrating Color Converter......

Please wait a moment

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

हेक्स आरजीबी एचएसएल रंग कनवर्टर का उपयोग कैसे करें

  1. 01

    कोई रंग चुनें या टाइप करें

    कलर पिकर, आईड्रॉपर का उपयोग करें, या एक HEX, rgb(), hsl(), hsv()/hsb(), cmyk() मान या 'teal' जैसा CSS रंग नाम टाइप करें। हर दूसरा प्रारूप तुरंत अपडेट हो जाता है।

  2. 02

    रूपांतरण पढ़ें

    HEX, RGB, HSL, HSV और CMYK फ़ील्ड सभी सिंक में रहते हैं। उनमें से किसी एक को संपादित करें और बाकी की लाइव गणना करें, ताकि आप अपनी पसंद के अनुसार किसी भी नोटेशन में काम कर सकें।

  3. 03

    पैलेट और हार्मोनीज़ का अन्वेषण करें

    पूरक, एनालॉग, ट्रायडिक या टेट्राडिक नमूने पर क्लिक करें, टिंट/शेड लाइटनेस रैंप पर चलें, या आपके लिए आवश्यक सटीक शेड पाने के लिए मिक्सर के साथ दो रंगों को मिश्रित करें।

  4. 04

    कंट्रास्ट कॉपी करें और जांचें

    किसी भी प्रारूप को एक क्लिक से कॉपी करें और शिप करने से पहले यह पुष्टि करने के लिए कि आपका रंग सफेद या काले रंग में पठनीय बना हुआ है, WCAG AA/AAA बैज पढ़ें।

मामलों का प्रयोग करें

सामान्य उपयोग के मामले

  • CSS या JSX लिखते समय HEX को RGB (या RGB से HEX) में बदलें।
  • थीमिंग और अल्फा ट्विक्स के लिए ब्रांड HEX को HSL/HSV में अनुवादित करें।
  • प्रिंट और प्रीप्रेस वर्कफ़्लो के लिए किसी रंग को CMYK में बदलें।
  • तत्काल WCAG कंट्रास्ट फीडबैक के साथ सुलभ पैलेट बनाएं।
  • यूआई और चित्रण के लिए पूरक और अनुरूप योजनाएं तैयार करें।
  • आईड्रॉपर से सीधे स्क्रीन से रंग पकड़ें।
सिंहावलोकन

हर दिशा में तुरंत रंग बदलें

एक रंग कनवर्टर केवल तभी उपयोगी होता है जब यह आपके द्वारा किए गए प्रत्येक नोटेशन को बोलता है। यह उपकरण HEX को RGB और बैक में परिवर्तित करता है, और HSL, HSV (जिसे HSB भी कहा जाता है) और CMYK को भी एक साथ और वास्तविक समय में जोड़ता है। #3b82f6 जैसा HEX टाइप करें और आपको तुरंत इसका rgb(59, 130, 246), इसका hsl(217, 91%, 60%), इसका hsv(217, 97%, 96%) और इसका cmyk(76%, 47%, 0%, 4%) मिल जाएगा। किसी एक फ़ील्ड को बदलें और अन्य उसका अनुसरण करें, ताकि आप उस मॉडल में तर्क कर सकें जो कार्य के लिए उपयुक्त हो: मार्कअप के लिए HEX, कैनवास और ग्रेडिएंट के लिए RGB, सहज प्रकाश और संतृप्ति बदलाव के लिए HSL/HSV, और जब कोई डिज़ाइन प्रिंट करने के लिए जाता है तो CMYK।

बिना गणित के HEX से RGB, HSL, HSV और CMYK तक

हुड के तहत कनवर्टर प्रत्येक इनपुट को एक आरजीबी ट्रिपल में सामान्यीकृत करता है, फिर अन्य रिक्त स्थान प्राप्त करने के लिए मानक एसआरजीबी सूत्रों को लागू करता है - वही गणित ब्राउज़र और डिज़ाइन टूल का उपयोग करते हैं, इसलिए संख्याएं फिग्मा, फ़ोटोशॉप या क्रोम डेवटूल्स में जो आप देखते हैं उससे मेल खाती हैं। यह शॉर्टहैंड HEX (#fff), अल्फा के साथ 8-अंकीय HEX (#3b82f6aa), rgb()/rgba(), hsl()/hsla() और सामान्य CSS नामित रंगों जैसे कि क्रिमसन, चैती और सोना को भी समझता है, इसलिए आपको कभी भी कोई फॉर्मूला याद नहीं रखना पड़ेगा या टैब स्विच नहीं करना पड़ेगा। प्रत्येक प्रारूप में एक कॉपी बटन होता है, और बड़ा पूर्वावलोकन नमूना वास्तविक पृष्ठभूमि पर आपका रंग दिखाता है ताकि आप इसे एक नज़र में जांच सकें।

सामंजस्य और रैंप के साथ बेहतर पैलेट डिज़ाइन करें

एक ही रंग चुनना आसान है; एक सुसंगत पैलेट बनाना कठिन हिस्सा है। कनवर्टर रंग-सिद्धांत नियमों से रंग सामंजस्य उत्पन्न करता है - पूरक (पहिया पर विपरीत), अनुरूप (पड़ोसी), ट्रायडिक और टेट्राडिक (समान दूरी पर) - क्लिक करने योग्य नमूने के रूप में आप सीधे अपने प्रोजेक्ट में छोड़ सकते हैं। एक हल्का रैंप एक ही रंग और संतृप्ति पर लगभग काले से लगभग सफेद तक चलता है, जिससे आपको टिंट और शेड डिजाइनर मिलते हैं जब उन्हें होवर, बॉर्डर और अक्षम राज्यों की आवश्यकता होती है। दो-रंग का मिक्सर आपको बीच-बीच में बनाने के लिए किसी भी जोड़ी को चुने हुए अनुपात में मिश्रित करने देता है, और एक फाइन-ट्यून पंक्ति आपको एक क्लिक में रंग को हल्का, गहरा, संतृप्त, असंतृप्त या घुमाने देती है।

पहुंच और गोपनीयता अंतर्निहित

अच्छा रंग पठनीय रंग है. कनवर्टर सफेद और काले दोनों के मुकाबले आपके रंग का डब्ल्यूसीएजी कंट्रास्ट अनुपात दिखाता है और एए (4.5:1) और एएए (7:1) अनुपालन को चिह्नित करता है, ताकि आप शिप करने से पहले कम-कंट्रास्ट टेक्स्ट को पकड़ सकें - समर्पित कंट्रास्ट चेकर का एक प्राकृतिक साथी। और क्योंकि आपके ब्राउज़र में सब कुछ स्थानीय रूप से चलता है, आपके रंग आपके डिवाइस को कभी नहीं छोड़ते हैं: कोई अपलोड नहीं है, कोई खाता नहीं है और कोई ट्रैकिंग नहीं है, जो ब्रांड और क्लाइंट के काम को निजी रखता है जबकि टूल तत्काल रहता है।

विशेषताएँ
01
द्विदिशात्मक HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK, अल्फा के साथ
02
लाइव ग्रेडिएंट ट्रैक के साथ इंटरएक्टिव आरजीबी, एचएसएल और अल्फा स्लाइडर
03
मूल रंग चयनकर्ता + ब्राउज़र आईड्रॉपर
04
हाल का इतिहास + सहेजे गए नमूने (आपके ब्राउज़र में रखे गए)
05
सीएसएस नाम-रंग समर्थन (क्रिमसन, चैती, सोना...)
06
सामंजस्य, टिंट/शेड रैंप + दो-रंग मिक्सर
07
रंग-अंधता पूर्वावलोकन (प्रोटानोपिया, ड्यूटेरानोपिया, ट्रिटानोपिया)
08
लाइव WCAG AA/AAA कंट्रास्ट बैज
09
सीएसएस, टेलविंड, एससीएसएस, स्विफ्ट और एंड्रॉइड के लिए कॉपी-तैयार निर्यात
अक्सर पूछे जाने वाले प्रश्न

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

मैं HEX को RGB में कैसे परिवर्तित करूं?+

HEX फ़ील्ड में HEX मान (जैसे #3b82f6 या #fff) टाइप या पेस्ट करें, या रंग पिकर का उपयोग करें। RGB मान तुरंत rgb(r, g, b) के रूप में प्रकट होता है, और आप इसे एक क्लिक से कॉपी कर सकते हैं। रूपांतरण दूसरे तरीके से भी काम करता है - एक rgb() मान टाइप करें और HEX अपडेट लाइव हो जाते हैं।

क्या मैं एक ही समय में एचएसएल, एचएसवी और सीएमवाईके में परिवर्तित कर सकता हूं?+

हाँ। प्रत्येक क्षेत्र - HEX, RGB, HSL, HSV/HSB और CMYK - समन्वयित रहता है। किसी एक को संपादित करें और अन्य तुरंत पुनर्गणना करें, ताकि आप अलग-अलग टूल चलाए बिना एक ही रंग के लिए सभी पांच नोटेशन पढ़ सकें।

एचएसएल और एचएसवी के बीच क्या अंतर है?+

दोनों रंग के अनुसार रंग का वर्णन करते हैं, लेकिन एचएसएल (लपट) और एचएसवी/एचएसबी (मूल्य/चमक) मॉडल संतृप्ति अलग-अलग हैं। एचएसएल शुद्ध रंगों को 50% हल्केपन पर रखता है, जबकि एचएसवी उन्हें 100% मूल्य पर रखता है, इसलिए दोनों के बीच समान प्रतिशत हल्का या गहरा दिख सकता है। यह टूल दोनों को दिखाता है ताकि आप वह चुन सकें जिसकी आपकी रूपरेखा अपेक्षा करती है।

मैं प्रिंट के लिए CMYK मान कैसे प्राप्त कर सकता हूँ?+

अपना रंग किसी भी प्रारूप में टाइप करें और CMYK फ़ील्ड पढ़ें - उदाहरण के लिए #3b82f6 cmyk (76%, 47%, 0%, 4%) हो जाता है। सीएमवाईके प्रिंटर द्वारा उपयोग किया जाने वाला सबट्रैक्टिव मॉडल है, इसलिए यह तब उपयोगी होता है जब किसी ब्रोशर या पैकेजिंग में वेब रंग का मिलान करना होता है।

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

हां, समर्थित ब्राउज़र (क्रोम, एज और आईड्रॉपर एपीआई वाले अन्य) पर 'पिक' बटन एक स्क्रीन आईड्रॉपर खोलता है ताकि आप किसी भी पिक्सेल का नमूना ले सकें - एक छवि, एक वेबसाइट या अपने डेस्कटॉप से ​​​​एक रंग - और इसे सीधे कनवर्टर में लोड करें।

क्या मैं स्लाइडर्स के साथ रंग समायोजित कर सकता हूं और पारदर्शिता जोड़ सकता हूं?+

हाँ। इंटरएक्टिव आर, जी, बी, एच, एस, एल और अल्फा स्लाइडर प्रत्येक एक लाइव ग्रेडिएंट ट्रैक दिखाते हैं, ताकि आप सटीक मान खींचकर या टाइप करके किसी शेड को ठीक कर सकें। पारदर्शिता के लिए अल्फा स्लाइडर 8-अंकीय HEX और rgba()/hsla() आउटपुट उत्पन्न करता है।

क्या यह दिखाता है कि रंग-अंध उपयोगकर्ताओं को कोई रंग कैसा दिखता है?+

हाँ। रंग-अंधता पूर्वावलोकन अनुकरण करता है कि आपका रंग प्रोटानोपिया, ड्यूटेरानोपिया, ट्रिटानोपिया और पूर्ण अक्रोमैटोप्सिया के तहत कैसा दिखता है, ताकि आप जांच सकें कि एक पैलेट अभी भी रंग-दृष्टि की कमी वाले लगभग 12 में से 1 पुरुष और 200 में से 1 महिला के लिए संचार करता है।

क्या मैं रंग को सीएसएस, टेलविंड या ऐप कोड के रूप में निर्यात कर सकता हूं?+

हाँ। निर्यात पैनल सीएसएस वेरिएबल्स, आरजीबी (), एससीएसएस, एक टेलविंड कॉन्फिग एंट्री, स्विफ्ट यूआईसीओलर, एंड्रॉइड कलर.पार्स कलर और जेएसओएन के लिए कॉपी-तैयार स्निपेट देता है, साथ ही आपके ब्राउज़र में स्थानीय रूप से संग्रहीत हालिया और सहेजे गए नमूने भी देता है।

क्या रंग परिवर्तक मुफ़्त और निजी है?+

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