कलर कन्वर्टर

अपने ब्राउज़र में किसी रंग को HEX, RGB, HSL, HSV और CMYK के बीच बदलें, दोनों दिशाओं में लाइव सिंक के साथ।

इस्तेमाल कैसे करें

  1. मूल कलर पिकर से रंग चुनें, या पहले से मौजूद कोई भी मान चिपकाएँ — #fff, rgb(255 0 0) और hsl(210, 100%, 50%) सभी समझे जाते हैं।
  2. बाक़ी हर फ़ॉर्मैट तुरंत अपडेट हो जाता है: HEX, RGB, HSL, HSV और CMYK दोनों दिशाओं में सिंक रहते हैं, और बड़ा स्वैच नतीजा दिखाता है।
  3. जिस फ़ॉर्मैट की ज़रूरत हो उसके बग़ल में “कॉपी करें” पर क्लिक करें। सब कुछ आपके ब्राउज़र में चलता है — कोई रंग कभी अपलोड नहीं होता।

इस टूल के बारे में

स्क्रीन पर हर रंग भौतिक रूप से एक ही चीज़ है — लाल, हरी और नीली रोशनी की मात्रा — पर डिज़ाइनर, डेवलपर और प्रिंटर उसे अलग-अलग भाषाओं में बताते हैं। HEX छोटा है और CSS में सार्वभौमिक; RGB कच्चा चैनल डेटा है; HSL और HSV रंग को वैसे बताते हैं जैसे इंसान सोचता है, यानी एक ह्यू के साथ यह कि वह कितना चटख और कितना चमकीला है; और CMYK उन चार स्याहियों का ब्योरा है जो प्रेस काग़ज़ पर चढ़ाती है। यह कन्वर्टर एक रंग को मेमोरी में रखता है और उसे एक साथ पाँचों भाषाओं में दिखाता है।

भीतर हर इनपुट पहले RGB में सामान्यीकृत किया जाता है। HEX पार्सिंग तीन-अंकों वाले संक्षिप्त रूप को फैलाती है (#fff बनता है #ffffff) और अगर आप अल्फ़ा जोड़ी चिपकाएँ तो उसे नज़रअंदाज़ कर देती है। HSL और HSV मानक क्रोमा मॉडल इस्तेमाल करते हैं: क्रोमा सैचुरेशन और लाइटनेस या वैल्यू के मेल से आता है, एक दूसरा घटक ह्यू की उसके 60° खंड में स्थिति से आता है, और एक स्थिर ऑफ़सेट नतीजे को सही चमक तक उठा देता है। CMYK शास्त्रीय स्क्रीन कन्वर्ज़न इस्तेमाल करता है, जिसमें काला यानी एक घटा सबसे बड़ा चैनल, और हर स्याही उस काले तक बची हुई दूरी है। पार्सर जानबूझकर उदार है — कॉमा, स्पेस, स्लैश और प्रतिशत चिह्न सब वैकल्पिक हैं, इसलिए rgb(255 0 0), 255,0,0 और #f00 ठीक एक ही रंग पर पहुँचते हैं।

आम इस्तेमाल: किसी ब्रांड के HEX को उस HSL में बदलना जो एक CSS वैरिएबल चाहता है, डिज़ाइन टूल के माँगे RGB को पढ़ना, या प्रिंट शॉप को देने के लिए मोटा-मोटा CMYK निकालना। आख़िरी वाले पर एक चेतावनी बनती है। स्क्रीन पर CMYK हमेशा एक अनुमान होता है: असली छपाई प्रेस के ICC प्रोफ़ाइल, स्याही-सेट और काग़ज़ पर निर्भर करती है, और स्क्रीन के चटख रंगों — ख़ासकर चमकीले नीले और हरे — का कोई सटीक स्याही-समकक्ष होता ही नहीं। यहाँ के CMYK को शुरुआती बिंदु मानें, प्रूफ़ नहीं। आप जो टाइप करते हैं वह अपलोड नहीं होता: पूरा कन्वर्ज़न आपके डिवाइस पर JavaScript में चलता है।

फ़ॉर्मूला

HEX तीन RGB बाइट्स का हेक्साडेसिमल रूप है। HSL → RGB: क्रोमा C = (1 − |2L − 1|) × S, द्वितीयक X = C × (1 − |(H/60) mod 2 − 1|), ऑफ़सेट m = L − C/2; त्रिक (C, X, 0) को 60° के ह्यू खंड के अनुसार घुमाया जाता है और तीनों चैनलों में m जोड़ा जाता है। HSV → RGB में C = V × S और m = V − C। RGB → CMYK: K = 1 − max(R, G, B) और हर स्याही = (1 − चैनल − K) / (1 − K)।

अक्सर पूछे जाने वाले सवाल

मैं कौन-कौन से कलर फ़ॉर्मैट चिपका सकता/सकती हूँ?

# के साथ या बिना HEX (#fff, #ffffff, 3498db), rgb() और rgba(), hsl() और hsla(), hsv() या hsb(), cmyk(), और लगभग तीस आम CSS रंग-नाम जैसे red, teal या crimson। विभाजक लचीले हैं: कॉमा, स्पेस और स्लैश सब चलते हैं।

क्या CMYK आउटपुट छपाई के लिए सटीक है?

नहीं — इसे एक अनुमान ही मानें। यहाँ का कन्वर्ज़न मानक स्क्रीन सूत्र है और कलर प्रोफ़ाइल को नज़रअंदाज़ करता है, जबकि असली प्रेस एक ICC प्रोफ़ाइल इस्तेमाल करती है जो स्याही, काग़ज़ और मशीन पर निर्भर है। किसी मान पर पक्का होने से पहले अपनी प्रिंट शॉप से पूछें कि वे कौन-सा प्रोफ़ाइल इस्तेमाल करते हैं।

HSL और HSV में क्या अंतर है?

दोनों एक ही ह्यू कोण से शुरू होते हैं पर चमक को अलग तरह से बताते हैं। HSL में 50% लाइटनेस शुद्ध रंग है और 100% हमेशा सफ़ेद; HSV में 100% वैल्यू शुद्ध रंग है और सफ़ेद तक आप सैचुरेशन घटाकर ही पहुँचते हैं। डिज़ाइन टूल आम तौर पर HSV दिखाते हैं, जबकि CSS HSL इस्तेमाल करता है।

क्या यह टूल पारदर्शिता संभालता है?

वह अल्फ़ा चैनल पढ़ता है और उसे हटा देता है। अगर आप 8 अंकों वाला HEX या rgba() मान चिपकाएँ, तो सिर्फ़ अपारदर्शी रंग बदला जाता है — पारदर्शिता दूसरे फ़ॉर्मैट में नहीं जाती।

क्या मेरे रंग मेरे ब्राउज़र से बाहर जाते हैं?

नहीं। हर कन्वर्ज़न आपके डिवाइस पर JavaScript में चलता है। कुछ भी सर्वर को नहीं भेजा जाता, न लॉग होता है, न सहेजा जाता है।

संबंधित टूल्स

WCAG कंट्रास्ट चेकर दो रंगों के बीच कंट्रास्ट अनुपात जाँचें और देखें कि वह WCAG AA और AAA पास करता है या नहीं — लाइव, आपके ब्राउज़र में। कलर मिक्सर अपने ब्राउज़र में दो रंगों को अनुपात स्लाइडर से मिलाएँ और उनके बीच की पूरी 11-चरणीय शृंखला देखें। टिंट और शेड जेनरेटर अपने ब्राउज़र में एक रंग को पूरी टिंट, शेड और टोन शृंखलाओं में बदलें और उन्हें CSS वैरिएबल के रूप में एक्सपोर्ट करें। इमेज कलर पिकर कोई इमेज लोड करें और किसी भी पिक्सल पर क्लिक करके उसका सटीक HEX, RGB और HSL पाएँ — पूरी प्रोसेसिंग आपके ही डिवाइस पर। Image Palette Extractor एक इमेज अपलोड करें और उसके प्रमुख रंग निकालें — hex कोड कॉपी करने के लिए किसी भी स्वॉच पर क्लिक करें। रंग पैलेट जनरेटर एक बेस रंग चुनें और सामंजस्यपूर्ण पैलेट बनाएँ — पूरक, ट्रायडिक, अनुरूप, स्प्लिट-पूरक और मोनोक्रोमैटिक।

लंबे लिंक? मुफ़्त में छोटा करें

Vai.la किसी भी URL को क्लिक आंकड़ों, QR Code और आपके अपने बायोलिंक के साथ एक शॉर्ट लिंक में बदल देता है।

टूल्स का इस्तेमाल कैसे होता है या उनके परिणामों के आधार पर लिए गए निर्णयों के लिए Vai.la ज़िम्मेदार नहीं है।