मुख्य सामग्री पर जाएँ
Tooletto

HEX से RGB कन्वर्टर

कलर पिकर और कन्वर्टर का एक प्रीसेट

किसी हेक्साडेसिमल कलर कोड को RGB वैल्यू में बदलें। #abc जैसा शॉर्टहैंड सही तरीक़े से #aabbcc में फैलता है, और हर दूसरा फ़ॉर्मेट साथ में दिखाया जाता है ताकि आप जो आपके कोड को चाहिए वह ले सकें।

  • फ़ाइलें कभी आपकी डिवाइस से बाहर नहीं जातीं
  • मुफ़्त, बिना साइन-अप
  • कोई वॉटरमार्क नहीं
  • लोड होने के बाद ऑफ़लाइन भी काम करता है
Loading tool…

कलर पिकर और कन्वर्टर कैसे करें

  1. 1

    कोई रंग चुनें

    स्वैच इस्तेमाल करें, या सीधे कोई HEX या RGB वैल्यू टाइप करें।

  2. 2

    कोई भी फ़ॉर्मेट कॉपी करें

    HEX, RGB, HSL, HSV और CMYK सभी एक साथ दिखाए जाते हैं।

  3. 3

    कंट्रास्ट जाँचें

    यह देखने के लिए कि टेक्स्ट WCAG AA और AAA पास करता है या नहीं, कोई बैकग्राउंड तय करें।

शॉर्टहैंड हेक्स कोड क्यों मौजूद हैं और ये कैसे फैलते हैं

CSS और डिज़ाइन टूल दोनों तीन-कैरेक्टर वाले शॉर्टहैंड हेक्स नोटेशन को सपोर्ट करते हैं — `#abc` — रंग लिखने के एक कॉम्पैक्ट तरीक़े के रूप में जहाँ इत्तेफ़ाक़न हर चैनल एक दोहराया अंक इस्तेमाल करता है, और यह शून्य से भरने की बजाय हर कैरेक्टर दोहराकर फैलता है: `#abc`, `#aabbcc` बनता है, `#0a0b0c` नहीं। यह फ़र्क़ मायने रखता है क्योंकि दोनों संभावित विस्तार वाक़ई अलग रंग बनाते हैं, और हाथ से कन्वर्ट करते समय इसे उल्टा करना एक आसान और आम ग़लती है — शून्य से भरने की बजाय हर अंक को सही तरीक़े से दोहराना ठीक वही चीज़ है जो किसी सही कन्वर्ज़न को सही करनी चाहिए।

अलग-अलग टूल में RGB वैल्यू सही तरीक़े से पढ़ना

RGB वैल्यू पारंपरिक रूप से लाल, हरे और नीले के लिए क्रमशः 0 से 255 तक के तीन नंबर के रूप में लिखी जाती हैं, लेकिन सटीक नोटेशन इस पर निर्भर करता है कि इन्हें कहाँ पेस्ट किया जा रहा है — CSS कॉमा के साथ `rgb(171, 187, 204)` स्वीकारता है, कुछ डिज़ाइन और इलस्ट्रेशन टूल बिल्कुल भी कॉमा के बिना स्पेस से अलग किए वही तीन नंबर चाहते हैं, और कुछ संदर्भ हर चैनल को 0 से 255 की इंटीजर की बजाय 0 से 1 के अंश के रूप में दर्शाते हैं। यहाँ वैल्यू को विस्तार में देखना किसी टारगेट टूल या कोडबेस द्वारा इत्तेफ़ाक़न चाही गई ख़ास नोटेशन के बीच मैनुअल रूप से कन्वर्ट करने की ज़रूरत हटा देता है।

किसी स्क्रीनशॉट या डिज़ाइन फ़ाइल से निकाली वैल्यू जल्दी जाँचने का तरीक़ा

किसी डिज़ाइन टूल के आईड्रॉपर, किसी ब्रांड स्टाइल गाइड, या किसी स्क्रीनशॉट कलर पिकर से कॉपी किया गया हेक्स कोड अक्सर इकलौती उपलब्ध वैल्यू होता है, बिना किसी जुड़े RGB विस्तार के — इसे यहाँ पेस्ट करके RGB, HSL और CMYK के बराबर एक साथ देखना हर कन्वर्ज़न को अलग-अलग खोजने या हाथ से गणित करने से तेज़ है।

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

HEX, RGB और HSL में क्या फ़र्क़ है?

HEX और RGB एक जैसी चीज़ अलग नोटेशन में बताते हैं — कितना लाल, हरा और नीला मिलाना है। HSL इसे hue, saturation और lightness के रूप में दोबारा लिखता है, जिसके बारे में सोचना कहीं आसान है: किसी रंग को हल्का बनाने के लिए आप तीन का अंदाज़ा लगाने की बजाय एक नंबर बदलते हैं।

कंट्रास्ट अनुपात का मतलब क्या है?

यह दो रंगों की सापेक्ष चमक की तुलना 1 (एक जैसा) से 21 (काले पर सफ़ेद) के पैमाने पर करता है। WCAG को सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 AA लेवल पर चाहिए, जो AAA में 7:1 और 4.5:1 तक बढ़ जाता है।

मेरा रंग कंट्रास्ट में फ़ेल क्यों होता है जब मुझे यह ठीक लगता है?

क्योंकि अनुपात सापेक्ष चमक से कैलकुलेट होता है, दो रंग कितने अलग दिखते हैं इससे नहीं। एक जैसी चमक के दो चटक रंग — मसलन लाल पर नारंगी — अलग दिखते हैं लेकिन लगभग कोई चमक कंट्रास्ट नहीं रखते, और कम दृष्टि वाले किसी भी व्यक्ति के लिए या धूप में किसी स्क्रीन पर अपठनीय हो जाते हैं।

क्या CMYK में कन्वर्ज़न प्रिंटिंग के लिए सटीक है?

यह मानक अंकगणितीय कन्वर्ज़न है, जो कलर-मैनेज्ड नतीजे की बजाय एक शुरुआती बिंदु है। असली प्रिंटिंग काम को ख़ास प्रिंटर और काग़ज़ के लिए एक ICC प्रोफ़ाइल चाहिए, क्योंकि CMYK कई चटक RGB रंग बिल्कुल भी दोबारा नहीं बना सकता।