RGB से HEX कलर कन्वर्टर
अपने रंग आसान बनाएं — RGB वैल्यू को HEX कोड में कन्वर्ट करें।
Free online RGB to HEX color converter. Drag RGB sliders (0–255) or type values to instantly generate the HEX code plus 16 other formats: RGBA, HSL, HSLA, HSV, HWB, CMYK, CIE Lab, LCH, OKLCH, XYZ, HSI, Decimal, Android ARGB, Win32 COLORREF, and HEX8. Includes a canvas color picker, WCAG 2.1 contrast checker, 6 color harmony palettes, 10-step shade/tint scale, 7-type color blindness simulation, image eyedropper with loupe, gradient builder, CSS filter generator, named CSS color search, 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.
—
कैसे इस्तेमाल करें
- RGB स्लाइडर खींचें — Red, Green, and Blue channels (0–255 each). Each slider track shows its own color gradient so you can see exactly what you're mixing.
- HEX और 18 अन्य फ़ॉर्मेट तुरंत देखें — all 19 format conversions update live as you drag. Copy any format with one click.
- canvas picker इस्तेमाल करें — drag the saturation/brightness square or hue strip for a visual approach. Fully touch-enabled on mobile.
- फ़ीचर टैब एक्सप्लोर करें — generate color palettes, build a shade/tint scale, check WCAG contrast, simulate color blindness, pick from an image, or create gradients.
RGB से HEX कलर कन्वर्टर
RGB to HEX conversion is one of the most fundamental tasks in web development. Our free RGB to HEX converter makes it instant — type or drag the R, G, B sliders and watch all 19 color format conversions update simultaneously. The page itself responds to your selected color, creating an immersive, design-tool-grade experience.
RGB क्या है?
RGB (Red, Green, Blue) is the additive color model used by every digital screen. Red, green, and blue
light combine to produce all visible colors. Each channel ranges from 0 (off) to 255 (maximum intensity).
rgb(0, 0, 0) is black; rgb(255, 255, 255) is white;
rgb(59, 130, 246) is a vivid blue. RGB is native to CSS, HTML Canvas, SVG, and virtually
all web graphics systems.
HEX क्या है?
A HEX color code is a compact 6-character hexadecimal string like #3B82F6.
Each pair of characters maps to one RGB channel in base-16: 3B=59 (R), 82=130 (G), F6=246 (B).
HEX is the standard format in CSS stylesheets, HTML attributes, Figma, Sketch, Adobe XD,
and most design tool color pickers. Converting from RGB to HEX is necessary when moving
from code-specified colors to design tool specifications.
Color-Coded RGB स्लाइडर
Unlike generic sliders, each channel slider in this tool shows its own live color gradient. The Red slider transitions from black-through-red, showing exactly what increasing that channel does at the current green and blue values. The same applies to Green and Blue. This makes color mixing intuitive — you see the effect of every change before you release the mouse.
10-स्टेप Shade & Tint स्केल
Generate a complete 10-step color scale (50, 100, 200, 300, 400, 500, 600, 700, 800, 900) inspired by Tailwind CSS naming. Click any step to load it as your working color. Export the entire scale as CSS custom properties, Tailwind config, SCSS variables, or JSON for instant integration into your design system.
Color Harmony Generator
Six types of mathematical color harmonies are generated automatically: Complementary (opposite on the wheel), Analogous (adjacent, ±30°), Triadic (evenly at 120°), Split-Complementary (±150° from complement), Tetradic (four at 90°), and Monochromatic (same hue, varying lightness). Click any palette swatch to instantly load that color. Export as CSS, Tailwind, SCSS, or JSON.
गोपनीयता सबसे पहले
All conversions happen entirely in your browser. No color data is sent to any server. Uploaded
images are processed locally via the Canvas API. Color history (last 20) and favorites are
stored only in your browser's localStorage.
अक्सर पूछे जाने वाले प्रश्न
हर RGB channel (0-255) को एक 2-digit hexadecimal string में convert करें और # prefix के साथ जोड़ें। जैसे: R=59=3B, G=130=82, B=246=F6 = #3B82F6। हमारा tool sliders drag करते ही यह काम तुरंत करता है।
HSL (Hue, Saturation, Lightness) color information को इस तरह अलग करता है जो इंसानी perception से मेल खाता है। Hue रंग का angle है (0-360), Saturation तीव्रता है (0-100%), Lightness चमक है (0-100%)। colors adjust करने के लिए यह बहुत अधिक intuitive है — तीनों RGB values बदलने की बजाय, सिर्फ L बदलकर color को हल्का या गहरा किया जा सकता है।
CMYK (Cyan, Magenta, Yellow, Key/Black) वो subtractive color model है जो professional print production में इस्तेमाल होता है। अगर आप किसी print job के लिए colors तैयार कर रहे हैं, तो अपने printer या print shop को print-accurate color values देने के लिए इस tool का CMYK output use करें।
CIE Lab (L*a*b*) एक color space है जहां equal numerical distances, equal perceived color differences के बराबर होते हैं — RGB या HSL के विपरीत जहां एक ही step अलग-अलग color region में अलग-अलग दिख सकता है। इसे color science, ICC profiles, और professional design software में accurate color comparisons के लिए इस्तेमाल किया जाता है।
हम आपके RGB color और Tailwind v3 default palette के हर color (22 color families x 11 shades = 242 colors) के बीच Euclidean distance calculate करते हैं और 5 सबसे करीबी matches उनके class names (जैसे blue-500), HEX values, और distance scores के साथ दिखाते हैं। class name copy करने के लिए किसी भी row पर copy button क्लिक करें।
Harmonies या Shades feature tab खोलें, फिर export buttons में से एक पर क्लिक करें: CSS Vars, Tailwind, SCSS, या JSON। formatted code आपके clipboard पर copy हो जाता है।
हां — Image tab खोलें, कोई भी image drag and drop करें या upload करें, फिर hover करने पर एक magnifying loupe (zoomed pixel view) दिखेगा और किसी भी pixel पर click करके उसका exact color load करें। tool automatically 8 dominant colors तक clickable swatches के रूप में extract करता है।
Favorites और history आपके browser की localStorage में store होते हैं और उसी browser पर sessions के बीच बने रहते हैं। वे devices के बीच sync नहीं होते और browser data clear करने पर मिट जाते हैं। हमारे servers पर कुछ भी store नहीं होता।