NordVPN
SponsoredStrict no-logs VPN with 6,400+ servers in 111 countries. Threat Protection blocks ads, trackers, and malware while you work online.
Get NordVPN →कलर ब्लाइंडनेस सिम्युलेटर — रंगों को दूसरों की नज़र से देखें
एक हेक्स रंग कोड डालें और देखें कि लाल-हरे रंग अंधापन (ड्यूटेरानोपिया, प्रोटानोपिया), नीले-पीले अंधापन (ट्रिटानोपिया) और पूर्ण रंग अंधापन (एक्रोमेटोप्सिया) में रंग कैसा दिखता है। हर स्वॉच पर सिम्युलेटेड हेक्स और RGB मान दिखाए जाते हैं।
मूल
#3B82F6
59, 130, 246
ड्यूटेरानोपिया
#4D74F3
77, 116, 243
प्रोटानोपिया
#5F85FC
95, 133, 252
ट्रिटानोपिया
#1499A5
20, 153, 165
एक्रोमेटोप्सिया
#7A7A7A
122, 122, 122
संबंधित टूल्स
कैसे काम करता है
कलर ब्लाइंडनेस के आंकड़े
रंग दृष्टि दोष दुनिया भर में लगभग 30 करोड़ लोगों को प्रभावित करता है — उत्तरी यूरोपीय मूल के लगभग 8% पुरुषों और 0.5% महिलाओं में। लाल-हरे प्रकार सबसे आम हैं: ड्यूटेरानोपिया और ड्यूटेरानोमेली (हरे की कमज़ोरी) मिलकर लगभग 5% पुरुषों को प्रभावित करते हैं, जबकि प्रोटानोपिया और प्रोटानोमेली (लाल की कमज़ोरी) लगभग 2.5% को। ट्रिटानोपिया (नीला-पीला) बहुत दुर्लभ है, लिंग की परवाह किए बिना प्रत्येक 10,000 में से 1 से कम को प्रभावित करती है। पूर्ण एक्रोमेटोप्सिया और भी दुर्लभ है — प्रत्येक 30,000 में 1।
इन आंकड़ों का मतलब है कि आपकी वेबसाइट या ऐप देखने वाले हर 12 पुरुषों में से लगभग एक व्यक्ति कुछ रंग संयोजनों को उस तरह नहीं देख पाता जैसा आप चाहते हैं। डेटा डैशबोर्ड, खरीद बटन या चेतावनी बैनर जैसे उच्च-ट्रैफ़िक उत्पादों को इस दर्शक वर्ग को ध्यान में रखना चाहिए।
सिम्युलेशन कैसे काम करता है
मानव आंख में तीन प्रकार की शंकु कोशिकाएं होती हैं जो लंबी (लाल), मध्यम (हरी) और छोटी (नीली) तरंगदैर्घ्य के प्रकाश के प्रति संवेदनशील होती हैं। कलर ब्लाइंडनेस तब होता है जब एक या अधिक शंकु प्रकार अनुपस्थित हों या उनकी स्पेक्ट्रल संवेदनशीलता बदल गई हो। शोधकर्ता इसे LMS रंग स्थान में मॉडल करते हैं और परिवर्तन मैट्रिक्स निकालते हैं जो भविष्यवाणी करती है कि एक रंग-दोष आंख किसी दिए गए RGB मान को कैसे देखती है।
यह सिम्युलेटर Machado 2009 के सरलीकृत मैट्रिक्स का उपयोग करता है जो सीधे sRGB स्थान में लागू होते हैं। यह दृष्टिकोण थोड़ी शारीरिक सटीकता को गति और सरलता के लिए त्यागता है — डिज़ाइन कार्य के लिए अवधारणात्मक अंतर नगण्य है। सभी आउटपुट मान 0–255 की सीमा में रखे जाते हैं। एक्रोमेटोप्सिया सिम्युलेशन सभी चैनलों को मानक ल्यूमिनेंस मान (0.299R + 0.587G + 0.114B) में समेट देता है।
कोई भी सिम्युलेशन कलर ब्लाइंडनेस के वास्तविक अनुभव को पूरी तरह से नहीं दोहरा सकता। इस टूल का उपयोग व्यावहारिक मार्गदर्शिका के रूप में करें, निश्चित निदान के रूप में नहीं।
कलर ब्लाइंडनेस के लिए एक्सेसिबल डिज़ाइन टिप्स
सबसे प्रभावी तकनीक है जानकारी देने के लिए केवल रंग पर निर्भर न रहें। रंग को आकार, पैटर्न या टेक्स्ट लेबल के साथ मिलाएं। पाई चार्ट का स्लाइस केवल रंग से नहीं — सीधे लेबल या अलग पैटर्न से भी अलग करें। फॉर्म वैलिडेशन एरर केवल बॉर्डर लाल करने से नहीं — आइकन और स्पष्ट एरर संदेश भी जोड़ें। ये WCAG 2.1 सफलता मानदंड 1.4.1 (रंग का उपयोग) में उल्लिखित हैं।
कलर पैलेट चुनते समय, कंट्रास्ट चेकर से फोरग्राउंड और बैकग्राउंड जोड़ी का परीक्षण करें (WCAG सामान्य टेक्स्ट के लिए न्यूनतम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 अनुपात की आवश्यकता करता है)। ड्यूटेरानोपिया सिम्युलेशन में भी पहचाने जाने वाले रंग संयोजनों को प्राथमिकता दें: नीला-नारंगी जोड़ी अच्छी काम करती है, जबकि लाल-हरा जोड़ी समस्याजनक है।
अक्सर पूछे जाने वाले प्रश्न
›ड्यूटेरानोपिया क्या है?
ड्यूटेरानोपिया लाल-हरे रंग के अंधेपन का एक रूप है जो मध्यम-तरंगदैर्घ्य (हरे-संवेदनशील) शंकु कोशिकाओं की अनुपस्थिति के कारण होता है। ड्यूटेरानोपिया वाले लोगों को लाल और हरे रंगों को अलग करने में कठिनाई होती है, जो पीले, भूरे या ग्रे रंग के रूप में दिखते हैं। यह सबसे आम प्रकार है जो लगभग 1% पुरुषों को प्रभावित करता है।
›ड्यूटेरानोपिया और प्रोटानोपिया में क्या अंतर है?
दोनों लाल-हरे रंग का अंधापन हैं, लेकिन विभिन्न प्रकार के शंकुओं को प्रभावित करते हैं। प्रोटानोपिया में लंबी-तरंगदैर्घ्य (लाल-संवेदनशील) शंकु अनुपस्थित होते हैं; ड्यूटेरानोपिया में मध्यम-तरंगदैर्घ्य (हरे-संवेदनशील) शंकु अनुपस्थित होते हैं। प्रोटानोपिया में लाल रंग ड्यूटेरानोपिया की तुलना में बहुत गहरे दिखते हैं।
›दुनिया में कितने लोग कलर ब्लाइंड हैं?
दुनिया भर में लगभग 30 करोड़ लोगों को किसी न किसी रूप में रंग दृष्टि दोष है। उत्तरी यूरोपीय मूल के लगभग 8% पुरुष और 0.5% महिलाएं प्रभावित हैं। लाल-हरे प्रकार (ड्यूटेरानोपिया, ड्यूटेरानोमेली, प्रोटानोपिया, प्रोटानोमेली) मामलों की भारी बहुमत का प्रतिनिधित्व करते हैं।
›क्या पुरुषों में कलर ब्लाइंडनेस अधिक आम है?
हाँ। लंबी और मध्यम-तरंगदैर्घ्य शंकु फोटोपिगमेंट को एनकोड करने वाले जीन (OPN1LW और OPN1MW) X क्रोमोसोम पर स्थित हैं। चूंकि पुरुषों में केवल एक X क्रोमोसोम होता है, एक दोषपूर्ण एलील कलर ब्लाइंडनेस का कारण बनता है। महिलाओं में दो X क्रोमोसोम होते हैं, इसलिए दोनों प्रतियों में दोष होना चाहिए।
›एक्रोमेटोप्सिया क्या है?
एक्रोमेटोप्सिया (रॉड मोनोक्रोमेसी) एक ऐसी स्थिति है जिसमें तीनों प्रकार के शंकु कार्यात्मक नहीं होते, जिससे दृष्टि पूरी तरह रॉड कोशिकाओं पर निर्भर हो जाती है। प्रभावित लोग दुनिया को ग्रे रंगों में देखते हैं, तेज प्रकाश में बहुत कम दृश्य तीक्ष्णता होती है और अक्सर अत्यंत प्रकाश संवेदनशील होते हैं। यह बहुत दुर्लभ है — लगभग 30,000 में 1 को प्रभावित करता है।
›कलर ब्लाइंडनेस सिम्युलेशन कितना सटीक है?
सिम्युलेशन स्थापित रैखिक परिवर्तन मैट्रिक्स (Machado 2009) का उपयोग करते हैं जो डाइक्रोमेट्स के कथित रंगों पर प्रयोगात्मक डेटा से निकटता से मेल खाते हैं। डिज़ाइन और एक्सेसिबिलिटी परीक्षण के लिए सटीकता पर्याप्त से अधिक है। व्यक्तिगत भिन्नता मौजूद है — कुछ लोगों में पूर्ण द्विवर्णता के बजाय हल्की असामान्य त्रिवर्णता होती है — इसलिए सिम्युलेशन को सबसे खराब स्थिति का रूढ़िवादी दृश्य मानें।
›बिना सब कुछ फिर से डिज़ाइन किए कलर ब्लाइंडनेस के लिए कैसे डिज़ाइन करें?
इस सिम्युलेटर से अपने मौजूदा पैलेट की जांच करके शुरुआत करें। ड्यूटेरानोपिया या प्रोटानोपिया दृश्य में समान दिखने वाले किसी भी स्वॉच जोड़े के लिए, सोचें कि क्या उपयोगकर्ता रंग अंतर के बिना भी आपकी सामग्री समझ सकता है। जहां आवश्यक हो आइकन, लेबल या पैटर्न जोड़ें। ऐसे विपरीत रंग चुनें जो अलग रहें — लाल और हरे के बजाय नीला और नारंगी।
›क्या यह टूल CSS रंग नाम या HSL मान के साथ काम करता है?
यह टूल केवल हेक्स कोड (#RRGGBB या #RGB) स्वीकार करता है। CSS रंग नाम या HSL मान उपयोग करने के लिए, पहले उन्हें हमारे कलर कन्वर्टर का उपयोग करके हेक्स में बदलें और फिर यहाँ पेस्ट करें।
अनुशंसित सेवाएं
प्रकटीकरणCloudways
SponsoredManaged cloud hosting for WordPress and web apps on DigitalOcean, Vultr, and AWS. Fast setup, no server headaches.
Try Cloudways →