वेब डिज़ाइन और सीएसएस
डिज़ाइन फ़ाइल या स्क्रीनशॉट पिकर से किसी रंग को अपनी स्टाइलशीट के लिए आवश्यक हेक्स कोड में बदलें।
RGB से HEX कन्वर्टर — RGB मानों को हेक्स कोड में बदलें, और हेक्स कोड को RGB में, एक लाइव पूर्वावलोकन के साथ।
लाल, हरा और नीला नंबर दर्ज करें, एक रंग चुनें, या हेक्स कोड पेस्ट करें और एक साथ सभी प्रारूप देखें: HEX, RGB और HSL। एक लाइव पूर्वावलोकन और कंट्रास्ट जांच दिखाते हैं कि कौन सा टेक्स्ट रंग सबसे अच्छा दिखता है। सब कुछ आपके ब्राउज़र में चलता है।
रंग बदलें
आपके रंग आपके ब्राउज़र में ही रहते हैं।
एक रंग चुनें या टाइप करें
आ
रंग कोड
हेक्स
–आरजीबी (सीएसएस)
–एचएसएल (सीएसएस)
––Best text color on it
–कंट्रास्ट अनुपात
मार्गदर्शक
RGB से HEX गाइड: रंग कोड, HSL, और कंट्रास्ट
जानें कि रंग कोड कैसे काम करते हैं और पठनीय रंग युग्म कैसे चुनें।
RGB से HEX कन्वर्टर क्या करता है?
स्क्रीन लाल, हरी और नीली रोशनी को मिलाकर हर रंग बनाती हैं। RGB इस मिश्रण को 0 से 255 तक के तीन संख्याओं के रूप में लिखता है। HEX इन्हीं तीन संख्याओं को बेस 16 में एक छोटे कोड जैसे #1F3A5F के रूप में लिखता है, जिसका उपयोग आमतौर पर CSS, डिज़ाइन टूल्स और ब्रांड गाइड्स में किया जाता है।
तीन अंक दर्ज करें, पिकर से कोई रंग चुनें, या हेक्स कोड पेस्ट करें। सभी प्रारूप एक साथ अपडेट होते हैं, और आपको एक HSL संस्करण भी मिलता है तथा यह भी देखा जा सकता है कि उस पर कौन सा टेक्स्ट रंग सबसे अच्छा दिखता है।
लोग RGB को HEX में क्यों बदलते हैं
ब्रांड और दस्तावेज़
लोगो फ़ाइल, स्लाइड डेक और वेबसाइट में ब्रांड का रंग एकसार रखें।
पहुँचयोग्यता
प्रकाशित करने से पहले यह जांचें कि कौन सा टेक्स्ट रंग बैकग्राउंड पर काम करता है और कंट्रास्ट अनुपात देखें।
RGB कैसे HEX बनता है
तीनों संख्याओं में से प्रत्येक को दो-अंकीय बेस-16 मान में बदला जाता है, फिर तीनों जोड़ों को जोड़ा जाता है।
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
हेक्स: #1F3A5F
बेस 16 में अंक 0–9 और अक्षर A–F का उपयोग होता है, जहाँ A का मान 10 और F का मान 15 है। #FA0 जैसा संक्षिप्त कोड शॉर्टहैंड है: प्रत्येक अंक को दोगुना किया जाता है, इसलिए इसका अर्थ #FFAA00 है।
आरजीबी और हेक्स में सामान्य रंग
| रंग | आरजीबी | हेक्स |
|---|---|---|
| काला | 0, 0, 0 | #000000 |
| सफ़ेद | 255, 255, 255 | #FFFFFF |
| लाल | 255, 0, 0 | #FF0000 |
| हरित | 0, 255, 0 | #00FF00 |
| नीला | 0, 0, 255 | #0000FF |
| पीला | 255, 255, 0 | #FFFF00 |
| नारंगी | 255, 165, 0 | #एफएफए500 |
| धूसर | 128, 128, 128 | #808080 |
RGB से HEX कन्वर्टर का उपयोग कैसे करें
- लाल, हरे और नीले मान टाइप करें, या रंग चयनकर्ता का उपयोग करने के लिए स्वैच पर क्लिक करें।
- या दूसरी दिशा में जाने के लिए हेक्स फ़ील्ड में हेक्स कोड पेस्ट करें।
- HEX, RGB और HSL कोड पढ़ें, और कंट्रास्ट अनुपात तथा सर्वोत्तम टेक्स्ट रंग की जाँच करें।
- आपको जिस प्रारूप की आवश्यकता है, उसके बगल में प्रेस कॉपी।
रंगों के साथ काम करने के लिए सरल सुझाव
- पठनीय टेक्स्ट के लिए सामान्य टेक्स्ट के लिए कम से कम 4.5 : 1 और बड़े टेक्स्ट के लिए 3 : 1 का कंट्रास्ट अनुपात सुनिश्चित करें।
- हेक्स कोड केस-संवेदी नहीं होते, इसलिए #1f3a5f और #1F3A5F एक ही रंग हैं।
- CSS में अग्रणी # आवश्यक है, लेकिन यहाँ यह वैकल्पिक है। आप इसे शामिल करके या इसके बिना कोड पेस्ट कर सकते हैं।
- स्क्रीन और प्रिंटर रंग अलग-अलग दिखाते हैं, इसलिए मुद्रित रंग स्क्रीन पर दिखने वाले रंग से मेल नहीं खा सकता।
प्रतिबंध और गोपनीयता
गोपनीयता
आपके रंग आपके ब्राउज़र में ही परिवर्तित किए जाते हैं। कुछ भी हमारे सर्वर पर नहीं भेजा या संग्रहीत नहीं किया जाता। केवल छोटे अक्षरों का विकल्प ही आपके डिवाइस पर याद रखा जाता है।
सीमाएँ
यह उपकरण मानक 8-बिट sRGB रंगों (प्रति चैनल 0 से 255) के साथ काम करता है। यह पारदर्शिता (RGBA या 8-अंकीय हेक्स), प्रिंट के लिए CMYK, या वाइड-गमट रंग क्षेत्रों का समर्थन नहीं करता।
सामान्य प्रश्न
आरजीबी से हेक्स कन्वर्टर अक्सर पूछे जाने वाले प्रश्न
मैं RGB को HEX में कैसे बदलूँ?
लाल, हरे और नीले मान दर्ज करें, प्रत्येक 0 से 255 तक। यह उपकरण प्रत्येक संख्या को दो बेस-16 अंकों में परिवर्तित करता है और उन्हें जोड़ता है, इसलिए 31, 58, 95 #1F3A5F बन जाता है।
मैं HEX को RGB में कैसे बदलूँ?
हेक्स कोड को हेक्स फ़ील्ड में पेस्ट करें। तीन आरजीबी संख्याएँ तुरंत भर जाती हैं। उदाहरण के लिए, #FF8800 है 255, 136, 0।
क्या हेक्स कोड को # चिह्न की आवश्यकता है?
नहीं। आप इसे # के साथ या बिना # के टाइप कर सकते हैं, और #FA0 जैसे शॉर्ट कोड भी काम करते हैं। परिणाम में हमेशा # शामिल होता है, इसलिए यह CSS के लिए तैयार रहता है।
तीन RGB संख्याएँ क्या दर्शाती हैं?
ये लाल, हरे और नीले प्रकाश की मात्रा हैं, 0 (कोई नहीं) से 255 (पूर्ण) तक। 0, 0, 0 काले रंग को दर्शाता है और 255, 255, 255 सफेद रंग को दर्शाता है।
HSL मान किस लिए है?
HSL किसी रंग को ह्यू, सैचुरेशन और लाइटनेस के रूप में वर्णित करता है। इसे हाथ से समायोजित करना अक्सर आसान होता है, उदाहरण के लिए किसी रंग को थोड़ा हल्का करने के लिए, और यह सीधे CSS में काम करता है।
कंट्रास्ट अनुपात मुझे क्या बताता है?
यह दिखाता है कि आपके रंग पर काला या सफेद पाठ कितना स्पष्ट दिखता है। WCAG सुलभता दिशानिर्देशों के तहत सामान्य पाठ के लिए 4.5 : 1 या उससे अधिक का अनुपात सामान्य न्यूनतम माना जाता है।
क्या मैं पारदर्शिता शामिल कर सकता हूँ?
यहाँ नहीं। यह टूल केवल अपारदर्शी रंगों को ही संभालता है, जिसमें कोई अल्फा चैनल नहीं होता। पारदर्शिता के लिए, अपने CSS में rgba() में स्वयं अल्फा मान जोड़ें।
क्या मेरा डेटा कहीं सहेजा या भेजा जाता है?
नहीं। रूपांतरण आपके ब्राउज़र में ही चलता है और आपकी डिवाइस से कुछ भी बाहर नहीं जाता। केवल आपके छोटे अक्षर का चयन अगली बार के लिए याद रखा जाता है।
इस उपकरण का उपयोग करने वाले लोग
समीक्षाएँ
समीक्षाएँ लोड हो रही हैं…
आगे बढ़ते रहो
बॉक्स में और उपकरण
होमपेज पर दर्जनों और मुफ्त टूल्स हैं जिन्हें API कुंजी की आवश्यकता नहीं होती।