Skip to main content

आरजीबी से हेक्स रंग परिवर्तक स्लाइडर और लाइव पूर्वावलोकन के साथ आरजीबी रंग मानों को हेक्स कोड में बदलें।

आरजीबी से हेक्स रंग परिवर्तक illustration
🎨

आरजीबी से हेक्स रंग परिवर्तक

स्लाइडर और लाइव पूर्वावलोकन के साथ आरजीबी रंग मानों को हेक्स कोड में बदलें।

1

आरजीबी मान सेट करें

स्लाइडर्स का उपयोग करके या लाल, हरे, और नीले रंगों के मान 0 और 255 के बीच टाइप करें।

2

रंग की पूर्वावलोकन

मूल्यों को समायोजित करते समय वास्तविक समय में रंग स्वैच अपडेट होता देखें।

3

हेक्स कोड कॉपी करें

कॉपी पर क्लिक करके अपने प्रोजेक्ट में उपयोग करने के लिए #3B82F6 जैसा हेक्स कोड प्राप्त करें।

Loading tool...

What Is आरजीबी से हेक्स रंग परिवर्तक?

एक आरजीबी से हेक्स कनवर्टर लाल, हरे, और नीले रंग चैनल मानों को उनके समकक्ष हेक्साडेसिमल प्रारूप में बदलता है - जो वेब डिज़ाइन और सीएसएस में उपयोग किया जाने वाला मानक प्रारूप है। आरजीबी मान प्रत्येक चैनल के लिए 0 से 255 तक होते हैं, जो उस रंग घटक की तीव्रता का प्रतिनिधित्व करते हैं। कनवर्टर इन तीन दशमलव संख्याओं को लेता है और # के बाद एक 6-अक्षर वाली हेक्साडेसिमल स्ट्रिंग उत्पन्न करता है। उदाहरण के लिए, rgb(59, 130, 246) #3B82F6 में परिवर्तित हो जाता है। यह उपकरण उन फ्रंट-एंड डेवलपर्स के लिए अपरिहार्य है जिन्हें रंग विशिष्टताओं को आरजीबी मानों के रूप में कलर पिकर्स, एपीआई, या इमेज प्रोसेसिंग कोड से प्राप्त होता है और उन्हें सीएसएस शीट्स के लिए कॉम्पैक्ट हेक्स फॉर्मेट की आवश्यकता होती है। यह डिज़ाइनरों के लिए भी उपयोगी है जो विभिन्न टूल्स के बीच पिक्सेल-सही रंग मिलान सुनिश्चित करते हैं। कनवर्शन तब विशेष रूप से महत्वपूर्ण होता है जब डिज़ाइन टोकन, सीएसएस कस्टम गुणों या वर्जन नियंत्रण के साथ काम करते समय जहां हेक्स कोड पढ़ने और तुलना करने में आसान होते हैं।

Why Use आरजीबी से हेक्स रंग परिवर्तक?

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

Common Use Cases

सीएसएस लेखन

जावास्क्रिप्ट रंग ऑपरेशन से प्राप्त आरजीबी मानों को साफ सीएसएस शीट्स के लिए हेक्स में बदलें।

डिज़ाइन सिस्टम

ब्रांड दिशानिर्देशों द्वारा प्रदान किए गए आरजीबी मूल्यों से रंग टोकन को हेक्स फॉर्मेट में मानकीकृत करें।

कैनवास से सीएसएस

एचटीएमएल५ कैनवास पिक्सेल डेटा (आरजीबी के रूप में लौटाया गया) से रंगों को हेक्स में बदलकर स्टाइलिंग करें।

रंग अन्वेषण

परिपूर्ण रंग खोजने और इसके हेक्स कोड प्राप्त करने के लिए आरजीबी स्लाइडर्स के साथ प्रयोग करें।

Technical Guide

आरजीबी से हेक्स में परिवर्तन प्रत्येक दशमलव चैनल मूल्य (0-255) को एक दो-अंक वाले हेक्साडेसिमल नंबर (00-FF) में बदलने का शामिल है। प्रत्येक चैनल के लिए सूत्र यह है: hexDigit = value.toString(16).padStart(2, "0"). तीन परिणामी जोड़े # पूर्वसर्ग के साथ जुड़े हुए हैं। उदाहरण के लिए, R=59 → 3B, G=130 → 82, B=246 → F6, उत्पादक #3B82F6. कनवर्शन नुकसान-रहित है - प्रत्येक आरजीबी मूल्य ठीक एक हेक्स कोड में मैप करता है और इसके विपरीत। 16 (दशमलव) से कम मानों को शून्य-पैडिंग की आवश्यकता होती है: R=5 → 05, बस 5 नहीं। कुछ टूल्स निचले-केस हेक्स आउटपुट करते हैं (जैसे, #3b82f6); दोनों वैध सीएसएस हैं, लेकिन डिज़ाइन विशिष्टताओं में ऊपरी-केस अधिक आम है। जब इनपुट मानों को क्लैम्पिंग कर रहे हों, तो यह सुनिश्चित करें कि वे 0-255 श्रेणी के भीतर रहते हैं ताकि वैध रंग उत्पन्न हों। गणितीय ऑपरेशन मूलतः एक आधार परिवर्तन है: 16 से विभाजित करने पर पहला हेक्स अंक मिलता है, शेष दूसरा हेक्स अंक देता है।

Tips & Best Practices

  • 1
    आरजीबी(0,0,0) #000000 (काला) में और आरजीबी(255,255,255) #FFFFFF (सफेद) में परिवर्तित होता है
  • 2
    जब तीनों चैनल समान हों, तो परिणाम एक ग्रे शेड होगा
  • 3
    इस टूल का उपयोग सीएसएस-अनुकूल हेक्स फॉर्मेट में प्रोग्राममैटिक रूप से उत्पन्न रंगों को बदलने के लिए करें
  • 4
    कुछ संदर्भों में # उपसर्ग वैकल्पिक है, लेकिन हमेशा सीएसएस संगतता के लिए इसे शामिल करें
  • 5
    वेब-सुरक्षित रंगों के लिए, 51 (00, 33, 66, 99, CC, FF) के गुणकों पर टिके रहें

Related Tools

Frequently Asked Questions

Q मैं आरजीबी से हेक्स मैनुअल रूप से कैसे बदल सकता हूं?
प्रत्येक आरजीबी मूल्य (0-255) को हेक्साडेसिमल में बदलें। उदाहरण के लिए, 59 ÷ 16 = 3 शेष 11 (बी), इसलिए 59 = 3B। तीनों चैनलों के लिए ऐसा करें और # के साथ जोड़ें।
Q क्या आरजीबी से हेक्स में परिवर्तन नुकसानरहित है?
हाँ, पूरी तरह से। दोनों फॉर्मेट 16,777,216 रंगों को ठीक से दर्शाते हैं। प्रत्येक आरजीबी मूल्य का एक अद्वितीय हेक्स समकक्ष होता है और इसके विपरीत - कोई भी रंग जानकारी नहीं खोई जाती।
Q 0-255 से बाहर के मानों के साथ क्या होता है?
मूल्यों को वैध श्रेणी तक सीमित कर दिया जाता है। 0 से नीचे के मान 0 (00) बन जाते हैं, और 255 से ऊपर के मान 255 (FF) बन जाते हैं ताकि वैध रंग आउटपुट सुनिश्चित हो सके।
Q मुझे अपरकेस या लोअरकेस हेक्स का उपयोग करना चाहिए?
दोनों सीएसएस में वैध हैं और समान रंग उत्पन्न करते हैं। डिज़ाइन टूल्स में अपरकेस (#3B82F6) अधिक आम है, जबकि लोअरकेस (#3b82f6) अक्सर कोड द्वारा उत्पन्न होता है। एक सम्मेलन चुनें और उस पर बने रहें।
Q क्या मैं हेक्स में अल्फा/अपारदर्शिता शामिल कर सकता हूं?
हाँ। दो अतिरिक्त हेक्स अंक जोड़कर अल्फा के लिए: आरजीबी(59,130,246) 50% अपारदर्शिता पर #3B82F680 बन जाता है। अल्फा हेक्स 80 समान 128 है, जो लगभग 255 का 50% है।

About This Tool

आरजीबी से हेक्स रंग परिवर्तक is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.