സൗജന്യ കളർ ബ്ലൈൻഡ്നെസ് സിമുലേറ്റർ
കളർ വിഷൻ ന്യൂനതകളുള്ള ആളുകൾക്ക് നിങ്ങളുടെ ഡിസൈൻ എങ്ങനെ കാണപ്പെടുന്നു എന്ന് കാണുക. പ്രോട്ടനോപ്പിയ, ഡ്യൂട്ടറനോപ്പിയ, ട്രൈറ്റനോപ്പിയ, അക്രോമാറ്റോപ്സിയ, ചെറിയ ന്യൂനതകൾ എന്നിവ സിമുലേറ്റ് ചെയ്യുന്നു.
ഫയലുകൾ ഇവിടെ ഡ്രോപ്പ് ചെയ്യുക, അല്ലെങ്കിൽ ബ്രൗസ് ചെയ്യാൻ ക്ലിക്ക് ചെയ്യുക
JPG, PNG, WebP, HEIC, HEIF · ഫയൽ വലുപ്പ പരിധിയില്ല
അല്ലെങ്കിൽ ക്ലിപ്പ്ബോർഡിൽ നിന്ന് പേസ്റ്റ് ചെയ്യാൻ Ctrl+V അമർത്തുക
നിങ്ങളുടെ ഫയലുകൾ ഒരിക്കലും നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് പുറത്തുപോകില്ല. എല്ലാ പ്രോസസ്സിംഗും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രാദേശികമായി നടക്കുന്നു.
വർണ്ണ ദൃഷ്ടി വൈകല്യമുള്ളവർക്ക് ഒരു ഡിസൈൻ, ഇൻഫോഗ്രാഫിക് അല്ലെങ്കിൽ ഫോട്ടോ എങ്ങനെ കാണപ്പെടുന്നു എന്ന് കാണാൻ അപ്ലോഡ് ചെയ്യുക. ചാർട്ട് ഡിസൈനർമാർക്കും, UX ഡിസൈനർമാർക്കും, ആക്സസിബിലിറ്റി ഓഡിറ്റുകൾക്കും പ്രത്യേകിച്ചും ഉപയോഗപ്രദം.
ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു
വർണ്ണ കാഴ്ച ന്യൂനത (CVD) Brettel-Viénot വർണ്ണ ട്രാൻസ്ഫോർമേഷൻ മാട്രിക്സുകൾ ഉപയോഗിച്ച് സിമുലേറ്റ് ചെയ്യുന്നു — ആക്സസിബിലിറ്റി ടൂളുകളിൽ ഉപയോഗിക്കുന്ന സ്റ്റാൻഡേർഡ് അൽഗോരിതം.
- 1നിങ്ങൾ ഒരു ചിത്രം ഇടുന്നുചിത്രം നിങ്ങളുടെ ബ്രൗസറിലെ ഒരു കാൻവാസിലേക്ക് ലോഡ് ചെയ്യപ്പെടുന്നു. പ്രകടനത്തിനായി പിക്സലുകൾ ചെറുതാക്കുന്നു (നീളമേറിയ വശത്ത് പരമാവധി 1200 px).
- 2ഓരോ പിക്സലിലും ഒരു 3×3 വർണ്ണ ട്രാൻസ്ഫോം പ്രയോഗിക്കുന്നുഓരോ CVD തരത്തിനും ഒരു പ്രത്യേക മാട്രിക്സ് ഉണ്ട്. ഡ്യൂട്ടറനോപ്പിയയ്ക്ക് (പച്ച-അന്ധത), ചുവപ്പ്, പച്ച ചാനലുകൾ L+S കോണുകൾ മാത്രമുള്ളവർ കാണുന്നത് അനുകരിക്കുന്ന വിധത്തിൽ കലർത്തുന്നു.
- 3രൂപാന്തരപ്പെടുത്തിയ ചിത്രം യഥാർത്ഥത്തിനൊപ്പം പ്രദർശിപ്പിക്കുന്നുഏതെങ്കിലും തരത്തിലുള്ള വർണ്ണ കാഴ്ച ന്യൂനതയുള്ള ~8% പുരുഷന്മാർക്ക് ഒരേ ചിത്രം എങ്ങനെ കാണപ്പെടുന്നുവെന്ന് കാണാൻ CVD തരങ്ങൾ തമ്മിൽ മാറുക.
നിങ്ങളുടെ ചിത്രം നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെ നിലനിൽക്കുന്നു. സിമുലേഷൻ കണക്കുകൂട്ടൽ പോലും നിങ്ങളുടെ CPU-യിൽ ലോക്കലായി പ്രവർത്തിക്കുന്നു — സെർവർ ഇല്ല, API ഇല്ല, അപ്ലോഡ് ഇല്ല.
അനുബന്ധ ടൂളുകൾ
WCAG കളർ കോൺട്രാസ്റ്റ് ചെക്കർ
രണ്ട് നിറങ്ങൾ ആക്സസിബിലിറ്റിക്കായുള്ള WCAG AA, AAA കോൺട്രാസ്റ്റ് നിലവാരങ്ങൾ പാലിക്കുന്നുണ്ടോ എന്ന് പരിശോധിക്കുക. ഒന്നിലധികം ടെക്സ്റ്റ് വലുപ്പങ്ങളിൽ ലൈവ് പ്രിവ്യൂ, കോൺട്രാസ്റ്റ് കുറവാണെങ്കിൽ സ്വയമേ നിർദ്ദേശങ്ങൾ.
വെബ്ക്യാം ടെസ്റ്റ്
ഒരു കോളിന് മുമ്പ് നിങ്ങളുടെ വെബ്ക്യാം പ്രവർത്തിക്കുന്നുവെന്ന് പരിശോധിക്കുക — തത്സമയ പ്രിവ്യൂ, യഥാർത്ഥ റെസൊല്യൂഷനും ഫ്രെയിം റേറ്റും, ഡൗൺലോഡ് ചെയ്യാവുന്ന ഒരു സ്നാപ്ഷോട്ടും.
Markdown എഡിറ്റർ
റിയൽ ടൈമിൽ Markdown എഴുതുകയും പ്രിവ്യൂ ചെയ്യുകയും ചെയ്യുക. ഹെഡിംഗുകൾ, ബോൾഡ്, ഇറ്റാലിക്, കോഡ് ബ്ലോക്കുകൾ, ടേബിളുകൾ, ലിസ്റ്റുകൾ എന്നിവ പിന്തുണയ്ക്കുന്നു.