मुफ़्त रंग कनवर्टर टूल
लाइव पूर्वावलोकन के साथ HEX, RGB, HSL और अन्य प्रारूपों के बीच रंग बदलें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
अपडेट किया गया
Color Converter
Convert colors between HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, LCH, and CSS named colors. WCAG contrast checker, color harmonies, tints, shades, and more.
Click swatch or
use color picker
All Color Formats
#3b82f6
Web hexadecimal
rgb(59, 130, 246)
Red, Green, Blue (0-255)
rgba(59, 130, 246, 1)
RGB with alpha (0-1)
hsl(217, 91%, 60%)
Hue, Saturation, Lightness
hsla(217, 91%, 60%, 1)
HSL with alpha
hsv(217, 76%, 96%)
Hue, Saturation, Value/Brightness
cmyk(76%, 47%, 0%, 4%)
Cyan, Magenta, Yellow, Key (print)
lab(55.63 17.54 -64.42)
CIE L*a*b* perceptual color space
lch(55.63 66.77 285.23)
Lightness, Chroma, Hue (perceptual)
royalblue
Nearest CSS named color
Tints, Shades & Tones
Tints (+ white)
Shades (+ black)
Tones (desaturated)
Click any swatch to load it as the active color.
अक्सर पूछे जाने वाले प्रश्न
Color Converter क्या है?
Color Converter एक मुफ़्त ऑनलाइन टूल है जो रंगों को HEX, RGB और HSL प्रारूपों के बीच बदलता है और रंग का विज़ुअल पूर्वावलोकन दिखाता है।
क्या Color Converter मुफ़्त है?
हाँ, यह पूरी तरह मुफ़्त है और किसी पंजीकरण की ज़रूरत नहीं है। सभी रूपांतरण आपके ब्राउज़र में क्लाइंट-साइड पर होते हैं।
कौन-से रंग प्रारूप समर्थित हैं?
Color Converter HEX (जैसे #FF5733), RGB (जैसे rgb(255,87,51)) और HSL (जैसे hsl(11,100%,60%)) रंग प्रारूपों का समर्थन करता है।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। Color Converter टूल सब कुछ आपके ब्राउज़र में क्लाइंट-साइड पर प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।
क्या Color Converter टूल मोबाइल डिवाइस पर काम करता है?
हाँ, Color Converter टूल पूरी तरह रिस्पॉन्सिव है और स्मार्टफ़ोन तथा टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर उपयोग कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।
क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?
किसी खाते या पंजीकरण की ज़रूरत नहीं है। बस अपने ब्राउज़र में Color Converter टूल खोलें और तुरंत इसका उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।
मैं Color Converter टूल का उपयोग कैसे करूँ?
बस दिए गए फ़ील्ड में अपना इनपुट डालें, अपनी पसंद के अनुसार सेटिंग्स समायोजित करें, और टूल इसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को अपने क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।
कौन-से ब्राउज़र समर्थित हैं?
Color Converter टूल Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़रों में काम करता है। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र का नवीनतम संस्करण उपयोग करें।
मैं हाथ से HEX कलर को RGB में कैसे बदलूं?
एक HEX कलर दरअसल बेस-16 में लिखा गया RGB कलर ही है। छह अंकों को तीन जोड़ों में बांटें: पहला जोड़ा लाल, दूसरा हरा, तीसरा नीला होता है। हर दो-अंकों वाले जोड़े को हेक्साडेसिमल से डेसिमल (0 से 255) में बदलें ताकि RGB वैल्यू मिल जाए। उदाहरण के लिए, #3B82F6 को 3B, 82, और F6 में बांटा जाता है; डेसिमल में ये 59, 130, और 246 हैं, जिससे rgb(59, 130, 246) मिलता है। तीन-अंकों का शॉर्टहैंड जैसे #F30 हर अंक को दोगुना करके #FF3300 बन जाता है, और आठ-अंकों का HEX8 कोड आखिर में अल्फा (ट्रांसपेरेंसी) चैनल के लिए एक और जोड़ा जोड़ता है। उल्टा भी संभव है: हर RGB चैनल को उसके हेक्साडेसिमल जोड़े में बांटें और उन्हें जोड़ दें। यह सब हाथ से करना धीमा और त्रुटिपूर्ण है, इसलिए ऊपर दिए कन्वर्टर में कोई भी HEX या RGB वैल्यू पेस्ट करें और तुरंत सटीक बराबर वैल्यू, साथ ही HSL, HSV, CMYK, LAB, और सबसे नज़दीकी नामित CSS कलर पढ़ें।
HSL और HSV कलर मॉडल्स में क्या फ़र्क है?
दोनों किसी कलर को ह्यू (कलर व्हील पर 0 से 360 डिग्री) और सैचुरेशन के ज़रिए बताते हैं, लेकिन ब्राइटनेस को अलग-अलग तरीके से हैंडल करते हैं। HSL लाइटनेस का इस्तेमाल करता है, जहां 0% काला है, 100% सफ़ेद है, और 50% ह्यू का सबसे वाइब्रेंट वर्शन है। HSV (जिसे HSB भी कहते हैं) वैल्यू या ब्राइटनेस का इस्तेमाल करता है, जहां 0% काला है और 100% सबसे चमकीला वर्शन है, लेकिन शुद्ध सफ़ेद तभी दिखता है जब सैचुरेशन भी 0% हो। असल में, वेब पर किसी कलर को हल्का या गहरा करने के लिए HSL सहज है, जबकि HSV ज़्यादातर ग्राफिक्स ऐप्स जैसे Photoshop के पिकर बिहेवियर से मेल खाता है। चूंकि दोनों मॉडल ब्राइटनेस को अलग-अलग फॉर्मूलों से परिभाषित करते हैं, इसलिए एक ही कलर में हर मॉडल में अलग सैचुरेशन नंबर होते हैं, इसलिए आप वैल्यूज़ को सीधे कॉपी नहीं कर सकते। ऊपर कोई भी कलर दर्ज करें और यह टूल HSL, HSLA, और HSV/HSB को साथ-साथ, साथ ही HEX, RGB, और CMYK के साथ दिखाता है, ताकि आप बिना गणना किए हर मॉडल को एक नज़र में देख सकें।
स्क्रीन के मुकाबले CMYK में कलर्स अलग क्यों दिखते हैं?
स्क्रीन RGB का इस्तेमाल करती हैं, जो एक एडिटिव मॉडल है और लाल, हरा, नीला लाइट को मिलाता है, जबकि प्रिंटर CMYK का इस्तेमाल करते हैं, जो एक सबट्रैक्टिव मॉडल है और कागज़ पर सायन, मैजेंटा, यलो, और की (काली) स्याही की परतें बिछाता है। RGB चमकीले, संतृप्त कलर्स बना सकता है, खासकर तेज़ हरे, नारंगी और नीले रंगों में, जो CMYK की स्याही की छोटी रेंज से बाहर होते हैं। ये गैमट-बाहर वाले कलर्स नज़दीकी प्रिंट करने योग्य विकल्प में क्लिप हो जाते हैं, जो आमतौर पर फीका या ह्यू में थोड़ा बदला हुआ दिखता है। यही वजह है कि स्क्रीन पर चमकता नीला प्रिंट में धुंधला दिख सकता है और नियॉन हरा कागज़ पर अपनी चमक खो देता है। प्रिंट के लिए आर्टवर्क भेजने से पहले CMYK में बदलना आपको एक सटीक झलक देता है कि कलर कैसा नज़र आएगा और आपको पहले ही एडजस्ट करने देता है। ऊपर अपना HEX या RGB कलर पेस्ट करें ताकि उसका CMYK प्रतिशत ब्रेकडाउन तुरंत दिख जाए, और प्रिंटिंग प्रेस में कोई सरप्राइज़ न मिले।
मैं कैसे जांचूं कि दो कलर्स में एक्सेसिबिलिटी के लिए पर्याप्त कंट्रास्ट है?
कंट्रास्ट को फोरग्राउंड और बैकग्राउंड कलर की रिलेटिव ल्यूमिनेंस के बीच एक रेशियो के रूप में मापा जाता है, जो 1:1 (एक जैसा) से लेकर 21:1 (सफ़ेद पर काला) तक होता है। Web Content Accessibility Guidelines (WCAG 2.1) Level AA को पूरा करने के लिए सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 (18pt, या 14pt बोल्ड) की मांग करती हैं, जो सख्त Level AAA के लिए बढ़कर 7:1 और 4.5:1 हो जाता है। ज़्यादा रेशियो का मतलब है कि टेक्स्ट पढ़ना आसान है, खासकर कम दृष्टि वाले यूज़र्स के लिए या चकाचौंध वाली स्क्रीन पर। ल्यूमिनेंस और रेशियो को हाथ से कैलकुलेट करना थकाऊ है, इसलिए इसकी बजाय इस टूल के Contrast टैब का इस्तेमाल करें: अपने टेक्स्ट और बैकग्राउंड कलर दर्ज करें और यह सटीक रेशियो कैलकुलेट करता है, आपके चुने गए बैकग्राउंड पर एक लाइव टेक्स्ट प्रीव्यू दिखाता है, और हर WCAG लेवल के लिए पास या फेल बैज दिखाता है, ताकि आप किसी कलर पेयर की पठनीयता को शिकायत मिलने से पहले, शिप करने से पहले ही पक्का कर सकें।
कॉम्प्लिमेंटरी, ट्रायडिक, और एनालॉगस कलर्स क्या होते हैं?
ये 360-डिग्री कलर व्हील पर स्थितियों के आधार पर बनी कलर हार्मोनीज़ हैं। कॉम्प्लिमेंटरी कलर्स सीधे एक-दूसरे के विपरीत बैठते हैं (180 डिग्री की दूरी पर), जैसे नीला और नारंगी, जो ज़्यादा कंट्रास्ट और ऊर्जा पैदा करते हैं। ट्रायडिक कलर्स 120 डिग्री पर बराबर दूरी पर होते हैं, जो तीन का एक संतुलित, जीवंत सेट देते हैं। एनालॉगस कलर्स व्हील पर पड़ोसी होते हैं (आमतौर पर लगभग 30 डिग्री के भीतर), जो शांत, एकसमान पैलेट बनाते हैं क्योंकि वे एक जैसा अंतर्निहित ह्यू साझा करते हैं। दूसरी स्कीम्स में स्प्लिट-कॉम्प्लिमेंटरी और टेट्राडिक (चार-कलर वाला स्क्वायर) शामिल हैं। एक हार्मोनी चुनना ऐसे पैलेट का एक भरोसेमंद शॉर्टकट है जो रैंडम की बजाय जानबूझकर बनाया हुआ लगे, क्योंकि ये रिश्ते व्हील की ज्यामिति पर आधारित होते हैं। यह टूल आपके द्वारा दर्ज किए गए किसी भी बेस कलर से ये सभी स्कीम्स जेनरेट करता है, साथ ही टिंट्स (सफ़ेद की ओर मिश्रित), शेड्स (काले की ओर), और टोन्स (ग्रे की ओर), और आपको किसी भी स्वैच पर क्लिक करके उसे नया एक्टिव कलर बनाने और वहां से एक्सप्लोर जारी रखने देता है।
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/color-converter" title="Free Color Converter Tool — The Toolbox" width="100%" height="280" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/utility-tools/color-converter?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Color Converter Tool</a> by The Toolbox</p>संबंधित टूल
मुफ़्त सुरक्षित पासवर्ड जनरेटर
अनुकूलन योग्य विकल्पों के साथ सुरक्षित, यादृच्छिक पासवर्ड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त UUID/GUID जनरेटर
सार्वभौमिक रूप से अद्वितीय पहचानकर्ता (UUID/GUID) बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त QR कोड जनरेटर ऑनलाइन
URL, टेक्स्ट, WiFi क्रेडेंशियल और बहुत कुछ के लिए QR कोड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त JSON फ़ॉर्मेटर और वैलिडेटर
सिंटैक्स हाइलाइटिंग और त्रुटि पहचान के साथ JSON डेटा को फ़ॉर्मेट, सत्यापित और सुंदर बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
कलर कन्वर्टर के बारे में
Color Converter किसी भी एक कलर को वेब, प्रिंट या डिज़ाइन के काम के लिए ज़रूरी हर फ़ॉर्मेट में बदल देता है। कोई HEX कोड, rgb() वैल्यू, hsl() वैल्यू, या फिर tomato जैसा कोई CSS कलर नाम टाइप करें, और यह टूल उसी कलर को तुरंत HEX, HEX8, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, और सबसे नज़दीकी CSS नामित कलर के रूप में दिखा देता है। आप स्वैच पर क्लिक करके अपने ब्राउज़र का नेटिव कलर पिकर भी खोल सकते हैं, ट्रांसपेरेंसी के लिए अल्फा स्लाइडर को खींच सकते हैं, या रैंडम कलर के लिए शफल बटन दबा सकते हैं।
यह उन लोगों के लिए बनाया गया है जो रोज़ाना कलर कोड्स के साथ काम करते हैं: फ्रंट-एंड डेवलपर्स जो किसी डिज़ाइनर के दिए HEX को CSS वेरिएबल्स में बदलते हैं, UI डिज़ाइनर्स जो यह जांचते हैं कि कोई ब्रांड हुए HSL में कैसा दिखता है, और प्रिंट के लिए काम जिसमें CMYK ब्रेकडाउन चाहिए। सब कुछ पूरी तरह से आपके ब्राउज़र में ही चलता है। आप जो कुछ भी दर्ज करते हैं वह न तो सर्वर पर अपलोड होता है और न ही स्टोर होता है, न कोई साइन-अप चाहिए और न ही कोई ऐप इंस्टॉल करना पड़ता है।
हर कलर फ़ॉर्मेट एक ही जगह पर
हर फ़ॉर्मेट एक अलग सवाल का जवाब देता है, और Color Converter इन्हें साथ-साथ दिखाता है ताकि आपको खुद गणना न करनी पड़े:
- HEX / HEX8 — छह-अंकों का वेब स्टैंडर्ड (जैसे
#3b82f6), साथ ही एक आठ-अंकों का वेरिएंट जो अल्फा चैनल को कोड में ही शामिल कर लेता है। - RGB / RGBA — लाल, हरा और नीला 0 से 255 तक, साथ ही ट्रांसपेरेंसी के लिए 0 से 1 तक की एक वैकल्पिक अल्फा वैल्यू।
- HSL / HSLA — ह्यू (0 से 360 डिग्री), सैचुरेशन और लाइटनेस — किसी कलर को हल्का, गहरा या ज़्यादा वाइब्रेंट बनाने के लिए सबसे सहज मॉडल।
- HSV/HSB — ह्यू, सैचुरेशन और वैल्यू (ब्राइटनेस) — ज़्यादातर ग्राफिक्स ऐप्स के कलर पिकर्स के पीछे का मॉडल।
- CMYK — सायन, मैजेंटा, यलो और की (ब्लैक) प्रतिशत के रूप में — प्रिंटर पर जाने वाली किसी भी चीज़ का शुरुआती बिंदु।
- LAB / LCH — CIE परसेप्चुअल कलर स्पेस, जो इस तरह डिज़ाइन किए गए हैं कि बराबर संख्यात्मक बदलाव इंसानी आंख को बराबर दृश्य बदलाव जैसे लगें।
एक क्लिक में कोई भी सिंगल वैल्यू कॉपी करें, Copy All से सारी वैल्यूज़ एक साथ लें, या पूरी लिस्ट को प्लेन-टेक्स्ट फ़ाइल के रूप में एक्सपोर्ट करें।
WCAG कंट्रास्ट चेकर से एक्सेसिबिलिटी जांचें
एक अलग Contrast टैब फोरग्राउंड और बैकग्राउंड कलर के बीच का कंट्रास्ट रेशियो कैलकुलेट करता है और एक नज़र में बता देता है कि यह किन एक्सेसिबिलिटी थ्रेशोल्ड्स को पास करता है। Web Content Accessibility Guidelines (WCAG 2.1) Level AA को पूरा करने के लिए सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 (18pt या उससे बड़ा, या 14pt बोल्ड) का मानक तय करती है, जो सख्त Level AAA के लिए बढ़कर 7:1 और 4.5:1 हो जाता है। यह टूल आपके चुने गए बैकग्राउंड पर एक लाइव टेक्स्ट प्रीव्यू और हर लेवल के लिए पास/फेल बैज दिखाता है, ताकि आप किसी कलर पेयर की पठनीयता को यूज़र की शिकायत से पहले ही, शिप करने से पहले पक्का कर सकें।
हार्मोनी, टिंट्स और शेड्स के साथ पैलेट बनाएं
एक अच्छा कलर चुनना आसान है; मुश्किल हिस्सा है एक ऐसा सेट बनाना जो साथ में अच्छा लगे। Converter आपके बेस ह्यू से क्लासिक कलर-व्हील हार्मोनीज़ जेनरेट करता है, जिनमें कॉम्प्लिमेंटरी (180° विपरीत), ट्रायडिक (120° की दूरी पर), स्प्लिट-कॉम्प्लिमेंटरी, टेट्राडिक (90° स्क्वायर), और एनालॉगस (पड़ोसी) स्कीम्स शामिल हैं। यह टिंट्स (सफ़ेद की ओर मिश्रित), शेड्स (काले की ओर), और टोन्स (ग्रे की ओर डीसैचुरेटेड) भी बनाता है, ताकि आप एक ही शुरुआती कलर से पूरी रेंज मैप कर सकें। किसी भी जेनरेट किए गए स्वैच पर क्लिक करके उसे नया एक्टिव कलर बनाएं और वहां से आगे एक्सप्लोर करें।
प्राइवेट, तेज़, और हमेशा उपलब्ध
क्योंकि हर कन्वर्शन, कंट्रास्ट कैलकुलेशन और पैलेट आपके अपने डिवाइस पर ही कैलकुलेट होता है, यह टूल पेज लोड होते ही काम करना शुरू कर देता है और आपके कलर्स को कभी कहीं नहीं भेजता। एक छोटी सेशन हिस्ट्री आपके हाल ही में इस्तेमाल किए गए कलर्स को एक क्लिक दूर रखती है, और एक CSS नामित-कलर्स रेफरेंस आपको किसी भी स्टैंडर्ड वेब कलर को नाम से लोड करने देता है। Color Converter खोलें, कोई कलर दर्ज करें, और अपने अगले स्टेप के लिए जो भी फ़ॉर्मेट चाहिए वह पढ़ लें।