HEX से RGB कलर कन्वर्टर
अपने रंग आसान बनाएं — HEX, RGB, HSL और अधिक के बीच कन्वर्ट करें।
Free online HEX to RGB color converter. Enter any HEX code and instantly get RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, CIE Lab, LCH, OKLCH, XYZ, HSI, Decimal, Android ARGB, and Win32 COLORREF. Includes a canvas color picker, WCAG 2.1 contrast checker, 6 color harmony types, 10-step shade/tint scale, 7-type color blindness simulation, image eyedropper with loupe, gradient builder, CSS filter generator, and Tailwind v3 palette matching.
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 कोड दर्ज करें — type
#3B82F6, or paste any format:rgb(),hsl(), or a CSS color name. The tool auto-detects all formats. - canvas picker खींचें — the saturation/brightness square and hue strip let you visually explore colors without typing anything.
- 19 में से कोई भी आउटपुट फ़ॉर्मेट कॉपी करें instantly — HEX, RGB, HSL, CMYK, Lab, LCH, OKLCH, Swift, Java, .NET, and more, each with its own copy button.
- फ़ीचर टैब एक्सप्लोर करें — generate harmonious color palettes, check WCAG accessibility, simulate 7 types of color blindness, pick colors from an uploaded image, and build gradients.
HEX से RGB कलर कन्वर्टर
The HEX to RGB color converter is one of the most-used tools in web development and UI design. Our free converter goes far beyond a simple number format swap — it's a complete color workspace that simultaneously outputs 19 color formats, generates accessible palettes, checks WCAG contrast, and simulates color blindness, all in real time as you type or drag.
HEX कलर कोड क्या होता है?
A HEX (hexadecimal) color code is a 6-character string preceded by #, like #3B82F6.
Each pair of characters represents a color channel — Red, Green, and Blue — expressed in base-16.
For example, #FF0000 is pure red: R=255 (FF), G=0 (00), B=0 (00).
HEX codes are the universal language of color in web browsers, CSS, design tools like Figma and Sketch,
and HTML markup.
RGB क्या है?
RGB (Red, Green, Blue) is the additive color model used by all digital screens. Each channel
ranges from 0 to 255. rgb(59, 130, 246) is the CSS equivalent of #3B82F6 —
a vivid blue used in Tailwind CSS's blue-500 palette. Converting between HEX and RGB
is necessary whenever you move between CSS shorthand notations, design tools, and programming languages.
एक साथ 19 कलर फ़ॉर्मेट
Beyond HEX and RGB, this tool instantly outputs: RGBA, HSL, HSLA, HSV/HSB, HWB, CMYK, CIE Lab,
LCH, OKLCH, XYZ, Integer, 0x Notation, Android ARGB, Swift UIColor, Java AWT Color,
and .NET Color.FromArgb() — every format used in CSS, Android, iOS, print, and graphics programming.
Canvas कलर पिकर
The built-in color picker uses the Canvas API to render a smooth saturation–brightness square and
a hue strip. Drag the crosshair to any point, or drag the hue strip to cycle through the spectrum.
The picker runs at 60fps using requestAnimationFrame and fully supports touch on mobile devices.
This is a proper professional-grade picker, not the limited native browser <input type="color">.
Palette Generator (6 Harmony Types)
Mathematically derived color harmonies make palette creation instant. Choose from Complementary, Analogous, Triadic, Split-Complementary, Tetradic, and Monochromatic palettes. Each swatch is clickable — loading that color into the converter. Export any palette as CSS custom properties, Tailwind config, SCSS variables, or JSON.
WCAG Accessibility जांच
Every color you enter is instantly evaluated against WCAG 2.1 accessibility guidelines. The contrast checker tests your color against any text color (defaulting to white) and shows contrast ratios with pass/fail badges for AA Normal (4.5:1), AA Large (3:1), AAA Normal (7:1), and AAA Large (4.5:1). Swap foreground and background with one click.
अक्सर पूछे जाने वाले प्रश्न
6-digit HEX code को तीन जोड़ों में बांटें और हर एक को base-16 से base-10 में convert करें। उदाहरण के लिए, #3B82F6: 3B = R=59, 82 = G=130, F6 = B=246। हमारा tool यह तुरंत करता है और साथ ही 18 अन्य formats में भी output देता है।
3-digit HEX (#F00) एक shorthand है: हर digit को दोहराया जाता है (#FF0000)। 6-digit standard है। 8-digit (#FF0000CC) में आखिरी दो digits के रूप में alpha/transparency channel शामिल होता है। 8-digit HEX8 output generate करने के लिए alpha slider इस्तेमाल करें।
हां — HEX input और "Paste Any" टैब दोनों किसी भी color format को accept करते हैं। rgb(59,130,246), hsl(217,91%,60%), cornflowerblue, या comma-separated values जैसे 59, 130, 246 paste करें और tool अपने आप convert कर देगा।
WCAG (Web Content Accessibility Guidelines) न्यूनतम contrast ratios परिभाषित करता है ताकि कम दृष्टि वाले लोग text पढ़ सकें। AA के लिए सामान्य text पर 4.5:1 और बड़े text (18pt+ या 14pt bold) पर 3:1 की जरूरत है। AAA के लिए 7:1 और 4.5:1 चाहिए। इन मानकों को पूरा करना ADA compliance और अच्छी UX practice के लिए जरूरी है।
OKLCH एक आधुनिक perceptually uniform color space है जो CSS Color Level 4 में natively support होता है। HSL के विपरीत, OKLCH में बराबर संख्यात्मक बदलाव बराबर perceived color changes के अनुरूप होते हैं — जो इसे accessible, consistent color scales बनाने के लिए आदर्श बनाता है। Modern CSS के साथ काम करते समय OKLCH output इस्तेमाल करें।
हम आपके RGB values पर 3x3 linear transformation matrices लागू करते हैं — color vision deficiency के हर प्रकार के लिए अलग matrices — Vienot, Brettel और Mollon (1997/1999) की peer-reviewed research के आधार पर। 7 simulated प्रकार हैं: Protanopia, Deuteranopia, Tritanopia, Protanomaly, Deuteranomaly, Tritanomaly, और Achromatopsia (पूर्ण color blindness)।
यह एक CSS filter property string generate करता है जो एक black SVG या icon को आपके चुने हुए रंग में बदल देता है। यह icon libraries (Font Awesome, Heroicons) के लिए बेहद उपयोगी है जब आपको source files edit किए बिना SVG elements का रंग बदलना हो। इसे Gradient टैब में पाएं।
नहीं। सभी color calculations पूरी तरह आपके browser में JavaScript का इस्तेमाल करके होती हैं। आप जो images upload करते हैं वे Canvas API के जरिए locally process होती हैं और कभी आपके device से नहीं जातीं। Color history और favorites केवल आपके browser के localStorage में save होते हैं।