रंग परिवर्तक

RGB, HEX और HSL प्रारूपों के बीच रंग बदलें। डिजाइनरों और डेवलपर्स के लिए प्रीव्यू और एक-क्लिक कॉपी के साथ मुफ्त रंग परिवर्तक।

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
RGB मान
59
लाल
130
हरा
246
नीला
HSL मान
217डिग्री
रंगत
91%
संतृप्ति
60%
चमक

🔒 तेज़, मुफ्त कैलकुलेटर जो आपके ब्राउज़र में चलते हैं। कोई अपलोड नहीं, 100% निजी।

अंतिम अपडेट: जनवरी 2026

संबंधित कैलकुलेटर

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

HEX को RGB में कैसे बदलें?
#FF5733 जैसा HEX रंग जोड़ों में विभाजित करके RGB में बदलता है: FF=255 (लाल), 57=87 (हरा), 33=51 (नीला)। प्रत्येक जोड़ा एक हेक्साडेसिमल संख्या (0-FF) है जो दशमलव में 0-255 दर्शाती है। तो #FF5733 = RGB(255, 87, 51)। #F53 जैसे शॉर्टहैंड HEX के लिए प्रत्येक अंक विस्तारित करें: #FF5533। यह कनवर्टर स्वचालित रूप से गणना करता है—बस कोई भी प्रारूप दर्ज करें और तुरंत परिणाम प्राप्त करें।
RGB और HSL में क्या अंतर है?
RGB (लाल, हरा, नीला) प्रकाश तीव्रता को मिलाकर रंग परिभाषित करता है (प्रत्येक 0-255)। HSL (रंगत, संतृप्ति, चमक) अधिक सहज है: रंगत रंग चक्र पर स्थिति है (0-360°), संतृप्ति रंग की तीव्रता है (0-100%), और चमक उज्ज्वलता है (0-100%)। HSL समायोजन के लिए आसान है—रंग हल्का करने के लिए बस L बढ़ाएं। संतृप्ति कम करने के लिए S घटाएं।
CSS में HEX vs RGB कब उपयोग करें?
स्थिर रंगों के लिए HEX (#FF5733) उपयोग करें—यह संक्षिप्त और सार्वभौमिक रूप से समर्थित है। जब आपको पारदर्शिता चाहिए तो RGB या RGBA उपयोग करें: rgba(255, 87, 51, 0.5) 50% पारदर्शी रंग बनाता है। HSL प्रोग्रामेटिक रंग हेरफेर के लिए बढ़िया है—चमक या संतृप्ति समायोजित करना सीधा है। आधुनिक CSS तीनों प्रारूपों को समान रूप से समर्थन करता है।
किसी रंग का पूरक रंग कैसे खोजें?
पूरक रंग रंग चक्र पर विपरीत होते हैं, अधिकतम कंट्रास्ट बनाते हैं। HSL में, बस रंगत में 180° जोड़ें या घटाएं। उदाहरण के लिए, यदि आपके रंग में H=30° (नारंगी) है, तो पूरक H=210° (नीला) है। S और L समान रखें। लाल (#FF0000, H=0°) सियान (H=180°) का पूरक है। यह कनवर्टर HSL मान दिखाता है, जिससे पूरक, त्रिक (+120°), या विभाजित-पूरक (+150°/+210°) की गणना आसान होती है।
अलग-अलग स्क्रीन पर रंग अलग क्यों दिखते हैं?
स्क्रीन रंग गैमट (प्रदर्शन योग्य रंगों की सीमा), कैलिब्रेशन और पैनल तकनीक (IPS, OLED, TN) में भिन्न होती हैं। #FF5733 जैसा रंग एक सटीक डिजिटल मान है, लेकिन मॉनिटर अपने रंग प्रोफ़ाइल और सेटिंग्स के आधार पर इसे अलग तरीके से व्याख्या करते हैं। सुसंगत रंग के लिए, हार्डवेयर-कैलिब्रेटेड मॉनिटर उपयोग करें, sRGB में डिज़ाइन करें और कई उपकरणों पर परीक्षण करें।