मुख्य सामग्री पर जाएँ
FreeOnlineTools Go
हिन्दी
how-to

HEX, RGB, और HSL के बीच कलर कैसे बदलें

By FreeOnlineTools Team · Updated 2026-09-02

Quick Answer

कलर बदलने के लिए: Color Converter खोलें, किसी भी फॉर्मेट (HEX, RGB, HSL) में कलर दर्ज करें और टूल तुरंत सभी फॉर्मेट में समतुल्य दिखाता है। सारा रूपांतरण ब्राउज़र में स्थानीय होता है —कोई डेटा अपलोड नहीं।

Introduction

कलर कई फॉर्मेट में दर्शाए जा सकते हैं: HEX (#ff6600), RGB (rgb(255, 102, 0)), HSL (hsl(24, 100%, 50%))। अलग-अलग टूल और संदर्भ अलग-अलग फॉर्मेट उपयोग करते हैं —CSS अक्सर HEX या RGB, design टूल HSL, API कोई भी। फॉर्मेट के बीच बदलने से एक सिस्टम के कलर को दूसरे संदर्भ में उपयोग कर सकते हैं।

Step by Step

  1. Open the Color Converter tool

    Go to the Color Converter tool page. The tool supports HEX, RGB, HSL, HSV, and CMYK formats.

  2. Enter your color

    Type or paste a color value in any supported format. Examples: '#ff6600', 'rgb(255, 102, 0)', 'hsl(24, 100%, 50%)'. The tool auto-detects the input format.

  3. Review all format equivalents

    The tool displays the color in all formats simultaneously: HEX, RGB, HSL, HSV, and CMYK. It also shows a color preview swatch so you can verify the conversion is correct.

  4. Copy the format you need

    Click the Copy button next to any format to copy that value to your clipboard. Use it in your CSS, design tool, or application.

  5. Adjust the color (optional)

    Some tools let you adjust the color with sliders (for HSL: hue, saturation, lightness) and see all formats update in real time. This is useful for finding related colors or shades.

Examples

HEX to RGB and HSL

Input: #ff6600

Output: RGB: rgb(255, 102, 0) HSL: hsl(24, 100%, 50%)

RGB to HEX

Input: rgb(0, 128, 255)

Output: HEX: #0080ff HSL: hsl(210, 100%, 50%)

HSL to HEX

Input: hsl(120, 100%, 50%)

Output: HEX: #00ff00 RGB: rgb(0, 255, 0)

Common Problems

  • HEX with vs without # —some tools require the # prefix, others do not. Our converter accepts both.
  • 3-digit vs 6-digit HEX —#f60 is shorthand for #ff6600. Both are valid; the converter normalizes to 6 digits.
  • HSL hue range —hue is 0-360 degrees (a circle). 0 and 360 are both red. Values above 360 wrap around.
  • Color space differences —HEX, RGB, and HSL are all sRGB. CMYK is a different color space (print) and conversion is approximate.

Tips

  • Use HSL for creating color variations —adjusting hue, saturation, or lightness is more intuitive than RGB.
  • Use HEX for CSS —it is the most compact and widely supported format in stylesheets.
  • Use RGB when you need to set alpha transparency —rgb(255, 102, 0, 0.5) for 50% opacity (or use 8-digit HEX: #ff660080).
  • Use our Color Converter for instant, private conversion between all color formats.

Related Tools

  • Color कनवर्टर — कनवर्ट करें colors between HEX, RGB and HSL तुरंत आपके ब्राउज़र में. अपलोड नहीं, fully पूरी तरह से निजी.
  • Color Picker — Pick colors and get HEX, RGB, and HSL values आपके ब्राउज़र में. Free, online, अपलोड नहीं, fully पूरी तरह से निजी.
  • Hex to RGB Color Converter — Free online hex to rgb color converter. Process data instantly in your browser. No upload, no signup, fully private.
  • Color Contrast चेकर (WCAG) — मुफ्त ऑनलाइन color contrast checker (wcag). Process data तुरंत आपके ब्राउज़र में. अपलोड नहीं, no signup, fully पूरी तरह से निजी.
  • Color Palette जनरेटर — मुफ्त ऑनलाइन color palette generator. Process data तुरंत आपके ब्राउज़र में. अपलोड नहीं, no signup, fully पूरी तरह से निजी.
  • Add Watermark to Image मुफ्त ऑनलाइन — मुफ्त ऑनलाइन add watermark to image ऑनलाइन मुफ्त. Process data तुरंत आपके ब्राउज़र में. अपलोड नहीं, no signup, fully पूरी तरह से निजी.
  • ऐप आइकन जनरेटर — ऐप आइकन जनरेटर ऑनलाइन मुफ़्त. डेटा को आपके ब्राउज़र में तुरंत प्रोसेस करता है। अपलोड नहीं, पंजीकरण नहीं, पूरी तरह से निजी।
  • AVIF to PNG कनवर्टर — मुफ्त ऑनलाइन avif to png converter. Process data तुरंत आपके ब्राउज़र में. अपलोड नहीं, no signup, fully पूरी तरह से निजी.

Related Guides

References