रंग अंधता सिम्युलेटर
छवियों और रंगों पर विभिन्न प्रकार की रंग अंधता का अनुकरण करें। मुफ़्त, तेज़ और बिना साइन-अप के पूरी तरह आपके ब्राउज़र में काम करता है।
अपडेट किया गया
Color Blindness Simulator
Simulate all 9 color vision deficiency types on images and colors. Check WCAG contrast ratios, audit palette accessibility, analyze individual colors, and get actionable design tips.
Simulation Controls
Green-weak. Reduced sensitivity to green. Most common color vision deficiency (~5% of males).
Image Input
Drop image or click to browse
PNG, JPG, WebP, GIF — processed entirely in browser
अक्सर पूछे जाने वाले प्रश्न
protanopia, deuteranopia, और tritanopia में क्या अंतर है?
ये dichromacy के तीन रूप हैं, जहाँ एक प्रकार की cone cell पूरी तरह गायब होती है। Protanopia रंग-अंधत्व है: red-sensing cone अनुपस्थित होती हैं, इसलिए लाल रंग गहरे और म्यान हो जाते हैं और red/green जोड़ी साथ मिल जाती है। Deuteranopia हरा-अंधत्व है, जो गायब green cone के कारण होता है, और इसी तरह का red/green भ्रम पैदा करता है जो सबसे आम जोड़ी है जिससे लोग जूझते हैं। Tritanopia नीला-अंधत्व है, जहाँ नीला और पीला अलग पहचानना कठिन हो जाता है; यह red/green प्रकारों से कहीं अधिक दुर्लभ है। प्रत्येक का एक हल्का "anomalous" वर्शन होता है — protanomaly, deuteranomaly, और tritanomaly — जहाँ cone काम करती है लेकिन खिसकी हुई होती है न कि गायब। यह सिम्युलेटर इन सभी को रेंडर करता है, और all-types grid हर एक को साथ-साथ देखने देता है ताकि आप सटीक रूप से देख सकें कि कौन से रंग प्रत्येक समूह के लिए टूटते हैं।
Color blindness कितना आम है और कौन सा प्रकार सबसे अधिक प्रचलित है?
Color vision deficiency आम है: लगभग 12 में से 1 पुरुष (लगभग 8%) और 200 में से 1 महिला को इसका कोई रूप है, जो दुनिया भर में लगभग 350 मिलियन लोगों पर आता है। बहुत बड़े अंतर से सबसे व्यापक प्रकार deuteranomaly है — हरे रंग के प्रति कम संवेदनशीलता — जो लगभग 5% पुरुषों को प्रभावित करता है। चूँकि यह इतना प्रचलित है, यह टूल खुलने पर डिफ़ॉल्ट रूप से deuteranomaly पर सेट होता है, ताकि आपका पहला प्रिव्यू प्रभावित दर्शकों के सबसे बड़े हिस्से को दर्शाए। Red/green कमियों का समूह (deutan और protan प्रकार) blue/yellow tritan प्रकारों से कहीं अधिक संख्या में हैं, इसीलिए red/green रंग जोड़ी वह है जिसके बारे में accessibility guideline सबसे अधिक चेतावनी देती हैं। यहाँ पहले अपने डिज़ाइन को deuteranomaly से गुज़ारें, फिर बाकी श्रोताओं को कवर करने के लिए अन्य प्रकार जाँचें।
रंग-अंधे लोगों को लाल और हरा एक ही क्यों दिखते हैं?
सामान्य रंग दृष्टि लगभग लाल, हरे, और नीले प्रकाश के लिए ट्यून तीन cone प्रकारों पर निर्भर करती है, और आपका मस्तिष्क उनके संकेतों की तुलना करके रंग जज करता है। आम red/green कमियों में, red और green cone या तो बहुत अधिक overlap करती हैं (deuteranomaly और protanomaly जैसे anomalous प्रकार) या एक पूरी तरह गायब होती है (deuteranopia और protanopia)। चूँकि लाल और हरा spectrum पर एक साथ क़रीब बैठे हैं, मस्तिष्क वह contrast खो देता है जिसे यह आमतौर पर उन्हें अलग करने के लिए इस्तेमाल करता है, इसलिए एक लाल सेब और हरे पत्ते समान मैले रंग के लग सकते हैं। इसीलिए red/green chart legend या red-error बनाम green-success status अलग-अलग पहचानने योग्य नहीं रहते। समाधान है कभी भी केवल रंग पर निर्भर न रहें — लेबल, आइकन, या pattern जोड़ें। अपने दो रंग सिम्युलेटर के analyzer में पेस्ट करें और पुष्टि करें कि वे वास्तव में अलग रहते हैं या नहीं।
Color blindness simulator वास्तविक color vision deficiency की तुलना में कितना सटीक है?
यह सिम्युलेटर हर pixel पर standard color-matrix transformation लागू करता है — वही RGB-remapping दृष्टिकोण जो Coblis जैसे स्थापित accessibility टूल इस्तेमाल करते हैं। यह डिज़ाइन समस्याओं को पकड़ने के लिए एक विश्वसनीय अनुमानन बनाता है, जैसे legend रंग जो मिल जाते हैं या status indicator जो contrast खो देते हैं। हालाँकि, यह कोई मेडिकल diagnostic या किसी एक व्यक्ति की दृष्टि का पूर्ण प्रतिकृति नहीं है। वास्तविक रंग धारणा व्यक्तियों के बीच भिन्न होती है, प्रकाश पर निर्भर करती है, और मस्तिष्क के अनुकूलन द्वारा आकारित होती है, जिसमें से कुछ भी एक निश्चित matrix पूरी तरह पकड़ नहीं पाता। severity slider यहाँ मदद करता है: कमी वाले अधिकांश लोगों के पास पूर्ण हानि के बजाय एक आंशिक, anomalous रूप होता है, इसलिए पूर्ण severity से कम पर पूर्वावलोकन करना अक्सर पुराने all-or-nothing सिम्युलेटर की तुलना में वास्तविकता के अधिक क़रीब होता है। इसका उपयोग डिज़ाइन को सत्यापित और ठीक करने के लिए करें, किसी की आँखों की जाँच के लिए नहीं।
मैं कैसे जाँचूं कि दो रंगों में रंग-अंधे उपयोगकर्ताओं के लिए पर्याप्त contrast है या नहीं?
Contrast को foreground और background रंग के relative luminance के बीच एक ratio के रूप में मापा जाता है, और WCAG AA में न्यूनतम 4.5:1 सामान्य टेक्स्ट के लिए और 3:1 बड़े टेक्स्ट के लिए निर्धारित करता है। इस टूल का बिल्ट-इन contrast checker किन्हीं भी दो रंगों के लिए वह ratio गणना करता है और तुरंत बताता है कि यह AA और सख्त AAA पास करता है या नहीं। महत्वपूर्ण रूप से, आप ratio को चुने हुए deficiency प्रकार के माध्यम से सिम्युलेट किए गए रूप में भी मूल्यांकन कर सकते हैं, क्योंकि color blindness चुपचाप उस contrast को क्षरित कर सकता है जो full-color दृष्टि को ठीक दिखता था। मल्टी-कलर स्कीम के लिए, palette checker हर जोड़ी के बीच एक contrast matrix बनाता है ताकि आप उन संयोजनों को देख सकें जो एक साथ क्षरित होते हैं। यह colorblind-safe reference palette जैसे Okabe-Ito set को शुरुआती बिंदु के रूप में भी देता है। ऊपर अपने foreground और background रंग डालें और उन्हें टेस्ट करें।
संबंधित टूल
मुफ़्त सुरक्षित पासवर्ड जनरेटर
अनुकूलन योग्य विकल्पों के साथ सुरक्षित, यादृच्छिक पासवर्ड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त UUID/GUID जनरेटर
सार्वभौमिक रूप से अद्वितीय पहचानकर्ता (UUID/GUID) बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त QR कोड जनरेटर ऑनलाइन
URL, टेक्स्ट, WiFi क्रेडेंशियल और बहुत कुछ के लिए QR कोड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त JSON फ़ॉर्मेटर और वैलिडेटर
सिंटैक्स हाइलाइटिंग और त्रुटि पहचान के साथ JSON डेटा को फ़ॉर्मेट, सत्यापित और सुंदर बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
Color Blindness Simulator के बारे में
Color Blindness Simulator आपको अपनी image, color palette, और individual color उसी तरह दिखाने देता है जैसे कोई color vision deficiency (CVD) वाला व्यक्ति देखेगा। एक image upload करें, URL paste करें, hex code डालें, या पूरी palette test करें, और टूल इसे आठ अलग-अलग color blindness प्रकार के नज़रिए से re-render करता है। Designer, developer, data-visualization author, और accessibility tester इसका इस्तेमाल समस्याएँ पकड़ने के लिए करते हैं — जैसे red/green chart legend जो दो समान gray बन जाता है — उनके ship होने से पहले।
Color blindness आम है: लगभग 12 में से 1 पुरुष (लगभग 8%) और 200 में से 1 महिला को CVD का कोई रूप है। सबसे व्यापक प्रकार बहुत बड़े अंतर से deuteranomaly है, हरे रंग के प्रति कम संवेदनशीलता जो लगभग 5% पुरुषों को प्रभावित करती है। चूँकि यह इतना प्रचलित है, यह वह प्रकार है जिस पर simulator खुलने पर default होता है।
Simulator आपको क्या दिखा सकता है
टूल सभी आठ मान्यता-प्राप्त CVD प्रकार को कवर करता है, cone cell कैसे प्रभावित हैं उसके आधार पर grouped:
- Anomalous trichromacy (cone काम करती हैं लेकिन खिसकी हुई): protanomaly (red-weak), deuteranomaly (green-weak), और tritanomaly (blue-weak)।
- Dichromacy (एक cone प्रकार गायब): protanopia (red-blind), deuteranopia (green-blind), और tritanopia (blue-blind)।
- Monochromacy (बहुत कम या कोई color): achromatopsia, जो केवल grayscale देखता, और achromatomaly।
एक severity slider आपको आंशिक कमी preview करने देता है — एक minimal shift से लेकर पूर्ण condition तक — जो मायने रखता है क्योंकि CVD वाले अधिकांश लोगों के पास पूर्ण हानि के बजाय एक anomalous (कमज़ोर) रूप होता है जिसे पुराने टूल simulate करते थे।
इसका इस्तेमाल कैसे करें
फ़ाइल upload करके, image URL paste करके, या clipboard से सीधे paste करके image add करें, फिर तत्काल before-and-after तुलना देखने के लिए एक CVD प्रकार चुनें। हर कमी को एक साथ साथ-साथ देखने के लिए all-types grid पर switch करें, और किसी भी simulated परिणाम को design review या bug report के लिए PNG के रूप में download करें। Pinpoint काम के लिए, color analyzer और swatch tab दिखाते हैं कि एक single hex color सभी प्रकार में कैसे transform होता है, ताकि आप बता सकें कि दो color distinguishable रहते हैं या नहीं।
Simulation हर pixel पर standard color-matrix transformation लागू करता है — वही RGB-remapping दृष्टिकोण जो स्थापित accessibility टूल इस्तेमाल करते हैं। सब कुछ local रूप से आपके browser में एक canvas पर compute होता है। कोई image server पर upload नहीं होती, कुछ store नहीं होता, और कोई sign-up नहीं है, इसलिए आप unreleased mockup और confidential screenshot सुरक्षित रूप से test कर सकते हैं।
Simulation से परे: contrast और palette auditing
समस्या देखना केवल आधा काम है; simulator समाधान में भी मदद करता है। एक बिल्ट-इन WCAG contrast checker foreground और background color के बीच contrast ratio compute करता है और बताता है कि यह WCAG AA और AAA पास करता है या नहीं — benchmark सामान्य टेक्सट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 है। आप उस ratio को चुने हुए CVD प्रकार के माध्यम से simulated रूप में भी जाँच सकते हैं, क्योंकि color blindness चुपचाप उस contrast को क्षरित कर सकता है जो आपको ठीक दिखता था।
Palette checker color का एक समूह लेता है और एक contrast matrix बनाता है ताकि आप उन जोड़ियों को देख सकें जो colorblind viewer के लिए एक-दूसरे में collapse होती हैं। यह colorblind-safe reference palette के साथ आता है, जिनमें well-known Okabe-Ito set शामिल है, जिन्हें chart और UI state के लिए starting point के रूप में इस्तेमाल करें।
यह क्यों मायने रखता है
दुनिया भर में लगभग 350 मिलियन लोग किसी color vision deficiency के साथ जीते हैं, और सबसे विश्वसनीय accessibility नियम उससे निकलता है: कभी केवल color पर निर्भर न रहें। Color को text label, icon, pattern, या shape के साथ जोड़ें, और केवल signal के रूप में red/green से बचें — यह सबसे अधिक confused जोड़ी है। किसी डिज़ाइन को Color Blindness Simulator से गुज़ारना उन guideline को कुछ ऐसी चीज़ में बदल देता है जिसे आप अपनी आँखों से सत्यापित कर सकें, उन मामलों को पकड़ते हुए जहाँ एक status indicator, map, या graph आपके श्रोताओं के एक सार्थक हिस्से के लिए अपठनीय हो जाता है।