RUV Calculatorरंग परिवर्तकhttps://calc.ruvlabs.com/hi/c/color-converter

रंग परिवर्तक

HEX, RGB, HSL और कंट्रास्ट अनुपात

HEX

RGB
HSL
विस्तृत विवरण
पढ़ा जा सकने वाला पाठ रंग
कंट्रास्ट अनुपात

#8B5CF6 यानी rgb(139, 92, 246) और hsl(258, 90%, 66%)।

यह रंग RGB में क्या है?

#8B5CF6 यानी rgb(139, 92, 246) और hsl(258, 90%, 66%)।

शुरुआती मानों के साथ एक उदाहरण। अपने आंकड़ों के लिए ऊपर के मान बदलें।

HEX, RGB और HSL एक ही रंग को तीन तरह से बताते हैं

HEX लाल, हरे और नीले को दो-दो षोडश आधारी अंकों में लिखता है। #8B5CF6 का मतलब है R बराबर 139, G बराबर 92 और B बराबर 246 — ठीक वही RGB मान। तीन अंकों वाला संक्षिप्त रूप #F00 हर अंक को दोहरा देता है, इसलिए वह #FF0000 के बराबर है।

HSL रंग को रंगत, संतृप्ति और चमक में बाँटता है। रंगत रंग-चक्र पर एक कोण है, इसलिए 0 और 360 डिग्री एक ही लाल हैं; संतृप्ति धूसर से दूरी है और चमक काले और सफेद के बीच की स्थिति। इसीलिए उसी रंग का हल्का रूप चाहिए तो HSL ज्यादा सुविधाजनक रहता है।

कंट्रास्ट अनुपात दो रंगों की सापेक्ष चमक की तुलना करता है और 1:1 से 21:1 तक जाता है। हर चैनल को गामा सुधार मिलता है, फिर 0.2126, 0.7152 और 0.0722 के भार से जोड़ा जाता है; भाग देने से पहले हल्के और गहरे दोनों मानों में 0.05 जोड़ा जाता है। हरे का भार सबसे बड़ा है क्योंकि मानव दृष्टि उसके प्रति सबसे संवेदनशील है।

रंग चुनते समय क्या छूट जाता है

डिज़ाइनर की स्क्रीन पर अच्छा दिखने वाला मेल अक्सर पढ़ा नहीं जा सकता। वेब सुलभता के दिशानिर्देश सामान्य पाठ के लिए 4.5:1 और 18 पॉइंट से बड़े या मोटे पाठ के लिए 3:1 माँगते हैं। हल्का धूसर अक्षर खाके में सुरुचिपूर्ण लगता है और बार-बार इस सीमा से नीचे रह जाता है।

सिर्फ चमक से कंट्रास्ट आँकना धोखा देता है। सफेद पर पीले में कंट्रास्ट लगभग नहीं है क्योंकि दोनों हल्के हैं, और काले पर नीले में भी नहीं क्योंकि दोनों गहरे हैं। रंग-चक्र पर दूर होना कंट्रास्ट नहीं बनाता; चमक का फर्क बनाता है।

जानकारी सिर्फ़ रंग से देना उन पाठकों को बाहर कर देता है जो रंग नहीं पहचान पाते। बढ़त और गिरावट बताने वाले लाल और हरे के साथ तीर या चिह्न चाहिए, और परंपरा भी अलग-अलग है: अमेरिका और यूरोप के बाज़ार बढ़त हरे में दिखाते हैं, जबकि कोरिया, जापान और चीन लाल में।

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

कंट्रास्ट अनुपात क्यों दिखाया जाता है?

ताकि पता चले कि उस पृष्ठभूमि पर सफेद या काला पाठ पढ़ा जा सकेगा या नहीं। WCAG सामान्य पाठ के लिए 4.5:1 और बड़े पाठ के लिए 3:1 माँगता है। कम कंट्रास्ट सिर्फ कमजोर दृष्टि वालों को ही नहीं, तेज धूप में पढ़ने वाले हर व्यक्ति को परेशान करता है।

HSL कब काम आता है?

रंग, संतृप्ति और चमक वैसे ही बँटे हैं जैसे लोग रंग के बारे में सोचते हैं। किसी रंग को हल्का करना हो तो सिर्फ चमक बढ़ानी होती है, जबकि RGB में तीनों चैनल दोबारा निकालने पड़ते हैं। किसी डिज़ाइन प्रणाली के लिए रंगों की श्रेणी बनाते समय यह खास तौर पर सुविधाजनक रहता है।

तीन अंकों वाला हेक्स कैसे अलग है?

वह संक्षिप्त रूप है जिसमें हर अंक दोहरा दिया जाता है: #F80 का मतलब #FF8800 है। यह तभी चलता है जब हर चैनल के दोनों अंक एक जैसे हों, इसलिए इससे सिर्फ 4,096 रंग ही लिखे जा सकते हैं।

गणना इसी ब्राउज़र में होती है। नतीजे पर भरोसा करने से पहले अपने दर्ज किए मान जाँच लें।