HEX to RGB Converter – Turant Color Code Conversion
फ्री ऑनलाइन HEX से RGB कलर कन्वर्टर। कोई भी HEX कोड डालें और तुरंत RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, CIE Lab, LCH, OKLCH, XYZ, HSI, डेसिमल, Android ARGB और Win32 COLORREF पाएं। इसमें कैनवस कलर पिकर, WCAG 2.1 कंट्रास्ट चेकर, 6 कलर हार्मनी टाइप, 10-स्टेप शेड/टिंट स्केल, 7-टाइप कलर ब्लाइंडनेस सिमुलेशन, लूप वाला इमेज आईड्रॉपर, ग्रेडिएंट बिल्डर, CSS फिल्टर जनरेटर और Tailwind v3 पैलेट मैचिंग शामिल है।
- एक साथ 19 फ़ॉर्मेट कन्वर्ज़न
- WCAG AA/AAA कंट्रास्ट चेकर
- 6 कलर हार्मनी पैलेट टाइप
- मैग्नीफाइंग लूप के साथ इमेज eyedropper
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.
—
कैसे इस्तेमाल करें
- एक HEX कोड डालें —
#3B82F6टाइप करें, या कोई भी फॉर्मेट पेस्ट करें:rgb(),hsl(), या CSS कलर नाम। टूल सभी फॉर्मेट को ऑटो-डिटेक्ट कर लेता है। - कैनवस पिकर को ड्रैग करें — सैचुरेशन/ब्राइटनेस स्क्वायर और ह्यू स्ट्रिप आपको बिना कुछ टाइप किए विज़ुअली रंगों को एक्सप्लोर करने देते हैं।
- 19 आउटपुट फॉर्मेट में से किसी को भी कॉपी करें तुरंत — HEX, RGB, HSL, CMYK, Lab, LCH, OKLCH, Swift, Java, .NET, और भी कई, हर एक का अपना कॉपी बटन।
- फ़ीचर टैब्स एक्सप्लोर करें — हार्मोनियस कलर पैलेट जेनरेट करें, WCAG एक्सेसिबिलिटी चेक करें, 7 तरह की कलर ब्लाइंडनेस सिम्युलेट करें, अपलोड की गई इमेज से रंग चुनें, और ग्रेडिएंट बनाएं।
HEX से RGB कलर कन्वर्टर
HEX से RGB कलर कन्वर्टर वेब डेवलपमेंट और UI डिज़ाइन में सबसे ज़्यादा इस्तेमाल होने वाले टूल्स में से एक है। हमारा फ्री कन्वर्टर सिर्फ़ नंबर फॉर्मेट बदलने से कहीं आगे जाता है — यह एक पूरा कलर वर्कस्पेस है जो एक साथ 19 कलर फॉर्मेट आउटपुट करता है, एक्सेसिबल पैलेट जेनरेट करता है, WCAG कंट्रास्ट चेक करता है, और कलर ब्लाइंडनेस सिम्युलेट करता है — सब कुछ रीयल टाइम में, जैसे ही आप टाइप करें या ड्रैग करें।
HEX कलर कोड क्या है?
HEX (हेक्साडेसिमल) कलर कोड एक 6-कैरेक्टर वाली स्ट्रिंग होती है जिसके आगे # लगा होता है, जैसे #3B82F6।
हर जोड़ी कैरेक्टर एक कलर चैनल को दर्शाती है — रेड, ग्रीन और ब्लू — जो बेस-16 में लिखी जाती है।
उदाहरण के लिए, #FF0000 शुद्ध लाल रंग है: R=255 (FF), G=0 (00), B=0 (00)।
HEX कोड वेब ब्राउज़र, CSS, Figma और Sketch जैसे डिज़ाइन टूल्स,
और HTML मार्कअप में रंग की सार्वभौमिक भाषा हैं।
RGB क्या है?
RGB (रेड, ग्रीन, ब्लू) वह एडिटिव कलर मॉडल है जिसका इस्तेमाल सभी डिजिटल स्क्रीन करती हैं। हर चैनल
0 से 255 तक होती है। rgb(59, 130, 246), #3B82F6 का CSS के बराबर रूप है —
एक चमकदार नीला रंग जो Tailwind CSS के blue-500 पैलेट में इस्तेमाल होता है। HEX और RGB के बीच कन्वर्ट करना
तब ज़रूरी हो जाता है जब आप CSS शॉर्टहैंड नोटेशन, डिज़ाइन टूल्स और प्रोग्रामिंग भाषाओं के बीच आते-जाते हैं।
एक साथ 19 कलर फॉर्मेट
HEX और RGB के अलावा, यह टूल तुरंत आउटपुट देता है: RGBA, HSL, HSLA, HSV/HSB, HWB, CMYK, CIE Lab,
LCH, OKLCH, XYZ, Integer, 0x Notation, Android ARGB, Swift UIColor, Java AWT Color,
और .NET Color.FromArgb() — यानी CSS, Android, iOS, प्रिंट और ग्राफ़िक्स प्रोग्रामिंग में इस्तेमाल होने वाला हर फॉर्मेट।
कैनवस कलर पिकर
बिल्ट-इन कलर पिकर Canvas API का इस्तेमाल करके एक स्मूद सैचुरेशन–ब्राइटनेस स्क्वायर और
एक ह्यू स्ट्रिप दिखाता है। क्रॉसहेयर को किसी भी पॉइंट पर ड्रैग करें, या स्पेक्ट्रम में घूमने के लिए ह्यू स्ट्रिप को ड्रैग करें।
यह पिकर requestAnimationFrame का इस्तेमाल करके 60fps पर चलता है और मोबाइल डिवाइस पर टच को पूरी तरह सपोर्ट करता है।
यह एक असली प्रोफेशनल-ग्रेड पिकर है, न कि सीमित नेटिव ब्राउज़र <input type="color">।
पैलेट जेनरेटर (6 हार्मनी टाइप)
गणितीय रूप से तय किए गए कलर हार्मनी पैलेट बनाना तुरंत आसान बना देते हैं। Complementary, Analogous, Triadic, Split-Complementary, Tetradic, और Monochromatic पैलेट में से चुनें। हर स्वैच क्लिक करने योग्य है — जो उस रंग को कन्वर्टर में लोड कर देता है। किसी भी पैलेट को CSS कस्टम प्रॉपर्टीज़, Tailwind कॉन्फ़िग, SCSS वेरिएबल्स, या JSON के रूप में एक्सपोर्ट करें।
WCAG एक्सेसिबिलिटी चेकिंग
आपके द्वारा डाला गया हर रंग तुरंत WCAG 2.1 एक्सेसिबिलिटी गाइडलाइन्स के मुक़ाबले जांचा जाता है। कंट्रास्ट चेकर आपके रंग को किसी भी टेक्स्ट रंग (डिफ़ॉल्ट रूप से सफ़ेद) के साथ टेस्ट करता है और AA Normal (4.5:1), AA Large (3:1), AAA Normal (7:1), और AAA Large (4.5:1) के लिए पास/फेल बैज के साथ कंट्रास्ट रेशियो दिखाता है। एक क्लिक में फ़ोरग्राउंड और बैकग्राउंड बदलें।
6-डिजिट HEX कोड को तीन जोड़ियों में बांटें और हर जोड़ी को बेस-16 से बेस-10 में कन्वर्ट करें। उदाहरण के लिए, #3B82F6: 3B = R=59, 82 = G=130, F6 = B=246। हमारा टूल यह काम तुरंत कर देता है और साथ ही 18 अन्य फॉर्मेट भी एक साथ आउटपुट करता है।
3-डिजिट HEX (#F00) एक शॉर्टहैंड है: हर डिजिट को दोहराया जाता है (#FF0000)। 6-डिजिट स्टैंडर्ड फॉर्मेट है। 8-डिजिट (#FF0000CC) में आख़िरी दो डिजिट के रूप में अल्फा/ट्रांसपेरेंसी चैनल शामिल होता है। 8-डिजिट HEX8 आउटपुट जेनरेट करने के लिए अल्फा स्लाइडर का इस्तेमाल करें।
हां — HEX इनपुट और "Paste Any" टैब दोनों किसी भी कलर फॉर्मेट को स्वीकार करते हैं। rgb(59,130,246), hsl(217,91%,60%), cornflowerblue, या यहां तक कि 59, 130, 246 जैसे कॉमा-सेपरेटेड वैल्यू भी पेस्ट करें और टूल इन्हें ऑटोमैटिकली कन्वर्ट कर देगा।
WCAG (Web Content Accessibility Guidelines) यह तय करती है कि कम दृष्टि वाले लोगों के लिए टेक्स्ट पढ़ने योग्य बने रहे, इसके लिए न्यूनतम कंट्रास्ट रेशियो कितना होना चाहिए। AA में नॉर्मल टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट (18pt+ या 14pt बोल्ड) के लिए 3:1 ज़रूरी है। AAA में क्रमशः 7:1 और 4.5:1 ज़रूरी है। इन स्टैंडर्ड को पूरा करना ADA कम्प्लायंस और अच्छी UX प्रैक्टिस के लिए आवश्यक है।
OKLCH एक आधुनिक, पर्सेप्चुअली यूनिफ़ॉर्म कलर स्पेस है जो CSS Color Level 4 में नेटिव रूप से सपोर्टेड है। HSL के विपरीत, OKLCH में बराबर न्यूमेरिकल बदलाव, रंग में बराबर अनुभव होने वाले बदलाव से मेल खाते हैं — जिससे यह एक्सेसिबल और कंसिस्टेंट कलर स्केल बनाने के लिए आदर्श बन जाता है। मॉडर्न CSS के साथ काम करते समय OKLCH आउटपुट का इस्तेमाल करें।
हम आपके RGB वैल्यू पर 3x3 लीनियर ट्रांसफ़ॉर्मेशन मैट्रिक्स लागू करते हैं — कलर विज़न डेफ़िशिएंसी के हर प्रकार के लिए अलग-अलग मैट्रिक्स — जो Vienot, Brettel और Mollon (1997/1999) के पीयर-रिव्यूड रिसर्च पर आधारित हैं। 7 सिम्युलेटेड प्रकार हैं: Protanopia, Deuteranopia, Tritanopia, Protanomaly, Deuteranomaly, Tritanomaly, और Achromatopsia (पूर्ण कलर ब्लाइंडनेस)।
यह एक CSS filter प्रॉपर्टी स्ट्रिंग जेनरेट करता है जो किसी ब्लैक SVG या आइकन को आपके चुने हुए रंग में बदल देता है। यह आइकन लाइब्रेरीज़ (Font Awesome, Heroicons) के लिए बेहद उपयोगी है, जब आपको सोर्स फ़ाइलों को एडिट किए बिना SVG एलिमेंट्स का रंग बदलना हो। इसे Gradient टैब में पाएं।
नहीं। सभी कलर कैलकुलेशन पूरी तरह से आपके ब्राउज़र में JavaScript का उपयोग करके होती हैं। आपके द्वारा अपलोड की गई इमेजेज़ को Canvas API के ज़रिए लोकली प्रोसेस किया जाता है और वे कभी भी आपकी डिवाइस से बाहर नहीं जाती हैं। कलर हिस्ट्री और फ़ेवरेट्स केवल आपके ब्राउज़र के localStorage में सेव होते हैं।