സൗജന്യ WCAG കളർ കോൺട്രാസ്റ്റ് ചെക്കർ

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

WCAG 2.1 ആപേക്ഷിക luminance അൽഗോരിതം ഉപയോഗിച്ച് കോൺട്രാസ്റ്റ് പരിശോധന പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു — ലൈബ്രറിയില്ല, സെർവറില്ല, സ്പെക് കൃത്യമായി പിന്തുടരുന്ന കൈകൊണ്ട് എഴുതിയ ഗണിതം മാത്രം. നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോഴോ ഒരു നിറം തിരഞ്ഞെടുക്കുമ്പോഴോ ഓരോ ഫലവും തത്സമയം അപ്ഡേറ്റ് ചെയ്യുന്നു.

1. 1
   ഹെക്സ് ഇൻപുട്ടും നോർമലൈസേഷനും

   3-അക്ക (#abc), 6-അക്ക (#aabbcc) ഹെക്സ് മൂല്യങ്ങൾ രണ്ടും സ്വീകരിച്ച് പൂർണ്ണ RGB ട്രിപ്പിളുകളാക്കി നോർമലൈസ് ചെയ്യുന്നു. നിശബ്ദമായി കറുപ്പിലേക്ക് ഡിഫോൾട്ട് ചെയ്യുന്നതിന് പകരം അസാധുവായ ഇൻപുട്ട് ഉടനടി നിരസിക്കപ്പെടുന്നു, അതിനാൽ ഒരു തെറ്റിദ്ധരിപ്പിക്കുന്ന പാസ് ഫലത്തിന് പകരം ഒരു ചുവന്ന ബോർഡർ പ്രത്യക്ഷപ്പെടുന്നു.
2. 2
   WCAG luminance കണക്കുകൂട്ടൽ

   ഓരോ നിറവും WCAG 2.1 സൂത്രവാക്യം ഉപയോഗിച്ച് ആപേക്ഷിക luminance ആയി മാറ്റുന്നു: sRGB ചാനൽ മൂല്യങ്ങൾ ഒരു piecewise gamma correction ഉപയോഗിച്ച് ലീനിയറൈസ് ചെയ്യുന്നു (0.03928-ന് താഴെ 12.92 കൊണ്ട് ഹരിച്ച്, അതിന് മുകളിൽ 2.4-ന്റെ ഘാതത്തിലേക്ക് ഉയർത്തി), പിന്നെ 0.2126R + 0.7152G + 0.0722B ആയി ഭാരപ്പെടുത്തുന്നു.
3. 3
   കോൺട്രാസ്റ്റ് അനുപാതവും കംപ്ലയൻസ് പരിശോധനകളും

   കോൺട്രാസ്റ്റ് അനുപാതം (lighter + 0.05) / (darker + 0.05) ആയി കണക്കാക്കുകയും എല്ലാ അഞ്ച് WCAG പരിധികൾക്കെതിരെയും പരിശോധിക്കുകയും ചെയ്യുന്നു: AA സാധാരണ ടെക്സ്റ്റ് (4.5:1), AA വലിയ ടെക്സ്റ്റ് (3:1), AAA സാധാരണ ടെക്സ്റ്റ് (7:1), AAA വലിയ ടെക്സ്റ്റ് (4.5:1), UI ഘടകങ്ങൾ (3:1). ഓരോ കീസ്ട്രോക്കിലും ഫലങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുന്നു.
4. 4
   ഹ്യൂ-സംരക്ഷിക്കുന്ന പരിഹാര നിർദ്ദേശങ്ങൾ

   ജോഡി WCAG AA-ൽ പരാജയപ്പെടുമ്പോൾ, ഒരേ ഹ്യൂവും സാച്യുറേഷനും നിലനിർത്തി 4.5:1 പാസ്സാകുന്ന ഓരോ നിറത്തിന്റെയും ഏറ്റവും അടുത്ത വേരിയന്റ് കണ്ടെത്താൻ ടൂൾ HSL ലൈറ്റ്നസ് സ്പേസ് തിരയുന്നു — യഥാർത്ഥ ലൈറ്റ്നസിൽ നിന്ന് രണ്ട് ദിശകളിലേക്കും ഘട്ടം ഘട്ടമായി നീങ്ങുന്നു. EyeDropper API (Chromium)-ഉം നിങ്ങളുടെ സ്ക്രീനിൽ നിന്ന് നേരിട്ട് ഏത് നിറവും സാമ്പിൾ ചെയ്യാൻ ലഭ്യമാണ്.

അനുബന്ധ ടൂളുകൾ