इस टूल के बारे में
HEX ↔ RGB ↔ HSL रंग रूपांतरण।
Color Converter चार सबसे commonly used web color formats के बीच color values अनुवाद करता है: HEX (#RRGGBB), RGB (red 0–255, green 0–255, blue 0–255), HSL (hue 0–360°, saturation 0–100%, lightness 0–100%) और HSB/HSV। किसी भी format में value दर्ज करें और बाकी सभी update हो जाते हैं। Color swatch result visually दिखाता है।
उदाहरण
HEX इनपुट: #0052ff
RGB: rgb(0, 82, 255) · HSL: hsl(221°, 100%, 50%)
उपयोग कैसे करें
- किसी भी format में color दर्ज करें (HEX, RGB, HSL या HSB)।
- सभी अन्य format values एक साथ update होती हैं।
- Live color swatch देखें।
- एक click से कोई भी format कॉपी करें।
विशेषताएं
- HEX (#RRGGBB और 3-char shorthand)
- RGB (0–255)
- HSL (hue, saturation, lightness)
- HSB/HSV (hue, saturation, brightness)
- Live color swatch
इसे कब उपयोग करें
Frontend developers जो Figma design specs (HEX में दिए गए) को animations में hsl() functions के लिए CSS HSL values में translate करते हैं।
Designers जो color wheel पर hue angle देखकर brand color warm है या cool यह check करते हैं।
Accessibility reviewers जो visually shown color की HEX value find करते हैं, Contrast Checker से ratio check करने से पहले।
CSS authors जो older stylesheet से legacy RGB values को नए design system के लिए HEX format में convert करते हैं।
सामान्य प्रश्न
HSL और HSB में क्या अंतर है?+
दोनों Hue (0–360°) और Saturation (0–100%) उपयोग करते हैं। HSL Lightness pure color के लिए 50%, black के लिए 0%, white के लिए 100%। HSB Brightness pure color के लिए 100%, black के लिए 0%।
CSS hex color कैसे कन्वर्ट करें?+
HEX field में hex value पेस्ट करें (जैसे #0052ff)। RGB और HSL values तुरंत दिखाई देती हैं।
RGB क्या है?+
RGB एक color को उसके red, green और blue channel intensities से परिभाषित करता है — प्रत्येक 0 (none) से 255 (full) तक।
CSS named colors समर्थित हैं?+
हाँ। "tomato", "steelblue" या "darkgreen" जैसे named color टाइप करें।
CSS इतने सारे color formats क्यों support करता है?+
अलग-अलग formats अलग-अलग workflows के लिए हैं। HEX compact और traditional है। RGB display hardware से directly map होता है। HSL color manipulation के लिए intuitive है। तीनों identical colors produce करते हैं।
RGB और HSL में क्या अंतर है?+
RGB color को red, green, blue channel intensities (0–255 each) के रूप में describe करता है। HSL इसे hue (0–360° color wheel पर), saturation (0–100%), और lightness (0–100%) के रूप में। Same color, अलग mental model।
क्या मैं इस टूल से accessible color combinations खोज सकता हूं?+
यहाँ HEX value मिलने के बाद Contrast Checker टूल उपयोग करें — यह किसी भी दो colors के बीच WCAG contrast ratio calculate करता है।