RGB to HEX Converter – Turant Color Code Conversion
RGBA, HSL, HSLA, HSV, HWB, CMYK, CIE Lab, LCH, OKLCH, XYZ, HSI, डेसिमल, Android ARGB, Win32 COLORREF और HEX8। इसमें कैनवस कलर पिकर, WCAG 2.1 कंट्रास्ट चेकर, 6 कलर हार्मनी पैलेट, 10-स्टेप शेड/टिंट स्केल, 7-टाइप कलर ब्लाइंडनेस सिमुलेशन, लूप वाला इमेज आईड्रॉपर, ग्रेडिएंट बिल्डर, CSS फिल्टर जनरेटर, नामित CSS कलर सर्च और Tailwind v3 पैलेट मैचिंग शामिल है।
- कलर-कोडेड RGB स्लाइडर (R लाल / G हरा / B नीला)
- 1-क्लिक कॉपी के साथ 19 इंस्टेंट फ़ॉर्मेट आउटपुट
- 10-स्टेप shade/tint स्केल, एक्सपोर्ट के साथ
- History + पसंदीदा localStorage में सेव
Also accepts: rgb() · hsl() · CSS color names · shorthand #F00
| HEX | — | |
| HEX (no #) | — | |
| RGB | — | |
| RGBA | — | |
| HSL | — | |
| HSLA | — | |
| HSV / HSB | — | |
| HWB | — | |
| CMYK | — | |
| CIE Lab | — | |
| LCH | — | |
| OKLCH | — | |
| CSS Named | — | |
| Integer | — | |
| 0x Notation | — | |
| Android ARGB | — | |
| Swift UIColor | — | |
| Java Color | — | |
| .NET Color | — |
Closest Tailwind v3
Mathematically derived color palettes. Click any swatch to load that color.
10-step shade/tint scale inspired by Tailwind CSS naming. Click any chip to load it.
Large Text Sample — 18pt Bold
Small body text — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet consectetur.
How your color appears to people with different types of color vision deficiency. Simulations use peer-reviewed transformation matrices (Viénot, Brettel & Mollon 1997/1999). ~8% of men and ~0.5% of women have some form of color blindness.
Dominant Colors
CSS Filter Generator
Recolor a black SVG/icon to your selected color using a CSS filter.
—
कैसे इस्तेमाल करें
- RGB स्लाइडर खींचें — Red, Green, और Blue चैनल (हर एक 0–255)। हर स्लाइडर ट्रैक अपना खुद का कलर ग्रेडिएंट दिखाता है ताकि आप ठीक-ठीक देख सकें कि आप क्या मिक्स कर रहे हैं।
- HEX और 18 अन्य फॉर्मेट तुरंत देखें — जैसे ही आप स्लाइडर खींचते हैं, सभी 19 फॉर्मेट कन्वर्शन लाइव अपडेट होते हैं। एक क्लिक में किसी भी फॉर्मेट को कॉपी करें।
- कैनवस पिकर का इस्तेमाल करें — विज़ुअल तरीके के लिए सैचुरेशन/ब्राइटनेस स्क्वायर या ह्यू स्ट्रिप खींचें। मोबाइल पर पूरी तरह टच-सक्षम।
- फीचर टैब्स एक्सप्लोर करें — कलर पैलेट जनरेट करें, शेड/टिंट स्केल बनाएं, WCAG कंट्रास्ट चेक करें, कलर ब्लाइंडनेस सिमुलेट करें, इमेज से रंग चुनें, या ग्रेडिएंट बनाएं।
RGB to HEX कलर कन्वर्टर
RGB to HEX कन्वर्शन वेब डेवलपमेंट के सबसे बुनियादी कामों में से एक है। हमारा फ्री RGB to HEX कन्वर्टर इसे पलक झपकते कर देता है — R, G, B स्लाइडर टाइप करें या खींचें और देखें कि सभी 19 कलर फॉर्मेट कन्वर्शन एक साथ अपडेट होते हैं। पेज खुद आपके चुने हुए रंग के अनुसार प्रतिक्रिया देता है, जिससे एक इमर्सिव, डिज़ाइन-टूल-स्तरीय अनुभव मिलता है।
RGB क्या है?
RGB (Red, Green, Blue) हर डिजिटल स्क्रीन में इस्तेमाल होने वाला एडिटिव कलर मॉडल है। लाल, हरी और नीली
रोशनी मिलकर सभी दिखने वाले रंग बनाती हैं। हर चैनल 0 (बंद) से 255 (अधिकतम तीव्रता) तक होता है।
rgb(0, 0, 0) काला है; rgb(255, 255, 255) सफेद है;
rgb(59, 130, 246) एक गहरा नीला रंग है। RGB, CSS, HTML Canvas, SVG, और लगभग
सभी वेब ग्राफिक्स सिस्टम में मूल रूप से इस्तेमाल होता है।
HEX क्या है?
एक HEX कलर कोड #3B82F6 जैसी 6-अंकों की संक्षिप्त हेक्साडेसिमल स्ट्रिंग होती है।
हर दो अक्षर बेस-16 में एक RGB चैनल को दर्शाते हैं: 3B=59 (R), 82=130 (G), F6=246 (B)।
HEX, CSS स्टाइलशीट, HTML एट्रिब्यूट्स, Figma, Sketch, Adobe XD,
और अधिकतर डिज़ाइन टूल कलर पिकर्स में मानक फॉर्मेट है। RGB से HEX में कन्वर्ट करना ज़रूरी होता है जब
कोड में बताए गए रंगों से डिज़ाइन टूल स्पेसिफिकेशन में जाना हो।
कलर-कोडेड RGB स्लाइडर
सामान्य स्लाइडर के विपरीत, इस टूल में हर चैनल स्लाइडर अपना लाइव कलर ग्रेडिएंट दिखाता है। Red स्लाइडर काले से लाल की ओर बदलता है, जिससे यह सटीक रूप से दिखता है कि वर्तमान green और blue मानों पर उस चैनल को बढ़ाने का क्या असर होता है। यही Green और Blue पर भी लागू होता है। इससे कलर मिक्सिंग सहज हो जाती है — माउस छोड़ने से पहले ही आप हर बदलाव का असर देख लेते हैं।
10-स्टेप शेड और टिंट स्केल
Tailwind CSS नामकरण से प्रेरित एक संपूर्ण 10-स्टेप कलर स्केल (50, 100, 200, 300, 400, 500, 600, 700, 800, 900) जनरेट करें। किसी भी स्टेप पर क्लिक करके उसे अपने वर्किंग कलर के रूप में लोड करें। पूरे स्केल को CSS कस्टम प्रॉपर्टीज़, Tailwind कॉन्फिग, SCSS वेरिएबल्स, या JSON के रूप में एक्सपोर्ट करें — अपने डिज़ाइन सिस्टम में तुरंत इंटीग्रेट करने के लिए।
कलर हार्मनी जनरेटर
छह तरह की गणितीय कलर हार्मनी ऑटोमेटिक रूप से जनरेट होती हैं: Complementary (कलर व्हील पर विपरीत), Analogous (पड़ोसी, ±30°), Triadic (120° पर समान रूप से), Split-Complementary (कॉम्प्लीमेंट से ±150°), Tetradic (90° पर चार रंग), और Monochromatic (समान ह्यू, अलग-अलग लाइटनेस)। किसी भी पैलेट स्वैच पर क्लिक करके उस रंग को तुरंत लोड करें। CSS, Tailwind, SCSS, या JSON के रूप में एक्सपोर्ट करें।
प्राइवेसी-फर्स्ट
सभी कन्वर्शन पूरी तरह आपके ब्राउज़र में ही होते हैं। कोई भी कलर डेटा किसी सर्वर पर नहीं भेजा जाता। अपलोड की गई
इमेज को Canvas API के ज़रिए लोकली प्रोसेस किया जाता है। कलर हिस्ट्री (आख़िरी 20) और फेवरेट्स
सिर्फ आपके ब्राउज़र के localStorage में सेव होते हैं।
हर RGB चैनल (0-255) को 2 अंकों की हेक्साडेसिमल स्ट्रिंग में बदलें और # प्रीफिक्स के साथ जोड़ दें। उदाहरण के लिए: R=59=3B, G=130=82, B=246=F6 = #3B82F6। हमारा टूल स्लाइडर खींचते ही यह काम तुरंत कर देता है।
HSL (Hue, Saturation, Lightness) कलर इन्फॉर्मेशन को इस तरह अलग करता है जो इंसानी नज़रिए से मेल खाता है। Hue रंग का कोण है (0-360), Saturation तीव्रता है (0-100%), और Lightness चमक है (0-100%)। रंगों को एडजस्ट करने के लिए यह कहीं ज़्यादा सहज है — आप सिर्फ L बदलकर किसी रंग को हल्का कर सकते हैं, बजाय तीनों RGB मानों को एडजस्ट करने के।
CMYK (Cyan, Magenta, Yellow, Key/Black) सबट्रैक्टिव कलर मॉडल है, जो प्रोफेशनल प्रिंट प्रोडक्शन में इस्तेमाल होता है। यदि आप किसी प्रिंट जॉब के लिए रंग तैयार कर रहे हैं, तो इस टूल के CMYK आउटपुट का इस्तेमाल करके अपने प्रिंटर या प्रिंट शॉप के लिए प्रिंट-सटीक कलर वैल्यू बताएं।
CIE Lab (L*a*b*) एक कलर स्पेस है जिसमें बराबर संख्यात्मक अंतर, रंग में बराबर दिखने वाले अंतर के बराबर होते हैं — RGB या HSL के विपरीत, जिनमें समान बदलाव रंग के क्षेत्र के आधार पर अलग दिख सकता है। इसका इस्तेमाल कलर साइंस, ICC प्रोफाइल, और प्रोफेशनल डिज़ाइन सॉफ्टवेयर में सटीक कलर तुलना के लिए होता है।
हम आपके RGB रंग और Tailwind v3 के डिफॉल्ट पैलेट के हर रंग (22 कलर फैमिली x 11 शेड्स = 242 रंग) के बीच यूक्लिडियन डिस्टेंस की गणना करते हैं और सबसे नज़दीकी 5 मैच को उनके क्लास नाम (जैसे blue-500), HEX वैल्यू, और डिस्टेंस स्कोर के साथ दिखाते हैं। किसी भी रो पर कॉपी बटन पर क्लिक करके क्लास नाम कॉपी करें।
Harmonies या Shades फीचर टैब खोलें, फिर इन एक्सपोर्ट बटन में से किसी एक पर क्लिक करें: CSS Vars, Tailwind, SCSS, या JSON। फॉर्मेटेड कोड आपके क्लिपबोर्ड में कॉपी हो जाता है।
हां — Image टैब खोलें, किसी भी इमेज को ड्रैग-एंड-ड्रॉप करें या अपलोड करें, फिर माउस घुमाकर मैग्निफाइंग लूप (ज़ूम की गई पिक्सेल व्यू) देखें और किसी भी पिक्सेल पर क्लिक करके उसका सटीक रंग लोड करें। यह टूल अपने आप 8 तक प्रमुख रंगों को क्लिक करने लायक स्वैच के रूप में भी निकाल लेता है।
फेवरेट्स और हिस्ट्री आपके ब्राउज़र के localStorage में स्टोर होते हैं और एक ही ब्राउज़र पर सेशन के बीच बने रहते हैं। ये डिवाइसों के बीच सिंक नहीं होते और यदि आप अपना ब्राउज़र डेटा क्लियर करते हैं तो खो जाएंगे। हमारे सर्वर पर कुछ भी स्टोर नहीं होता।