कलर ब्लाइंडनेस सिमुलेटर
8 प्रकार की कलर विज़न कमी का सिमुलेशन और WCAG कंट्रास्ट अनुपालन जाँचें।
अग्रभूमि रंग
पृष्ठभूमि रंग
प्रकार चुनें
ड्यूटरैनोपिया
प्रभावित जनसंख्या ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
पाठ पूर्वावलोकन
बड़ा नमूना पाठ
छोटा नमूना पाठ
कंट्रास्ट अनुपात
सिमुलेशन परिणाम
#3b82f6#418efa~1% of population
#007df4~1% of population
#009eb0<0.1% of population
#3f8af9~1% of population
#227ff5~5% of population
#0093d0<0.1% of population
#858585<0.01% of population
#6f84bd~0.1% of population
कंट्रास्ट तुलना
| कमी का प्रकार | अनुपात | सामान्य पाठ | बड़ा पाठ |
|---|---|---|---|
| मूल | 3.98:1 | Fail | AA |
| 🔴प्रोटैनोपिया | 4.42:1 | Fail | AA |
| 🟢ड्यूटरैनोपिया | 3.71:1 | Fail | AA |
| 🔵ट्राइटैनोपिया | 4.51:1 | AA | AAA |
| 🔶प्रोटैनोमली | 4.26:1 | Fail | AA |
| 🟡ड्यूटरैनोमली | 3.81:1 | Fail | AA |
| 🔷ट्राइटैनोमली | 4.24:1 | Fail | AA |
| ⬛एक्रोमैटोप्सिया | 3.94:1 | Fail | AA |
| ◻️एक्रोमैटोमली | 3.97:1 | Fail | AA |
कलर ब्लाइंडनेस सिम्युलेटर के बारे में
8 प्रकार की रंग दृष्टिहीनता का अनुकरण करता है और WCAG कंट्रास्ट अनुपालन की जाँच करता है।
उपयोग कैसे करें
रंग दर्ज करें, सिमुलेशन देखें, WCAG AA/AAA अनुपालन की जाँच करें।
सामान्य उपयोग के मामले
- सुलभ रंग विकल्प
- कलरब्लाइंड उपयोगकर्ताओं के लिए UI का परीक्षण
- WCAG अनुपालन
- समावेशी UI डिज़ाइन
- ब्रांड रंग सुलभता