കളർ കോൺട്രാസ്റ്റ് ചെക്കർ

പ്രവേശനക്ഷമത ഉറപ്പാക്കാൻ ഫോർഗ്രൗണ്ട്, പശ്ചാത്തല നിറങ്ങൾ തമ്മിലുള്ള കോൺട്രാസ്റ്റ് അനുപാതം പരിശോധിക്കുക.

1.00:1
കോൺട്രാസ്റ്റ്
Fail
വളരെ മോശം

സാധാരണ വാചകം

AA (4.5:1)
AAA (7:1)

വലിയ വാചകം

AA (3:1)
AAA (4.5:1)
White
#ffffff
Olive Drab
#6b8e23

ദ്രുത പരിഹാരങ്ങൾ

Aa

പ്രിവ്യൂ പേര്

വേഗതയേറിയ തവിട്ടുനിറത്തിലുള്ള കുറുക്കൻ മടിയനായ നായയുടെ മുകളിലൂടെ ചാടുന്നു

ചെറിയ ടെക്സ്റ്റ് ഉദാഹരണം (12px)

വാചകം
#ffffff
പശ്ചാത്തലം
#6b8e23

WCAG മാനദണ്ഡങ്ങൾ

Level AA

സാധാരണ ടെക്സ്റ്റിന് 4.5:1 ഉം വലിയ ടെക്സ്റ്റിന് 3:1 ഉം ആണ് ഏറ്റവും കുറഞ്ഞ കോൺട്രാസ്റ്റ് അനുപാതം. മിക്ക വെബ്‌സൈറ്റുകൾക്കും ആവശ്യമാണ്.

Level AAA

സാധാരണ വാചകത്തിന് 7:1 ഉം വലിയ വാചകത്തിന് 4.5:1 ഉം എന്ന മെച്ചപ്പെടുത്തിയ ദൃശ്യതീവ്രതാ അനുപാതം. ഒപ്റ്റിമൽ ആക്‌സസിബിലിറ്റിക്ക് ശുപാർശ ചെയ്യുന്നു.

എല്ലാ ടെക്‌സ്‌റ്റ് വലുപ്പങ്ങൾക്കും മോശം ദൃശ്യതീവ്രത.

കളർ കോൺട്രാസ്റ്റ് ചെക്കർ

ടെക്സ്റ്റിന്റെയും പശ്ചാത്തല നിറങ്ങളുടെയും കോൺട്രാസ്റ്റ് അനുപാതം കണക്കാക്കുക.

വാചകത്തിനും പശ്ചാത്തല വർണ്ണത്തിനുമായി കളർ പിക്കർ ഉപയോഗിച്ച് ഒരു നിറം തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ RGB ഹെക്സാഡെസിമൽ ഫോർമാറ്റിൽ ഒരു നിറം നൽകുക (ഉദാ. #259 അല്ലെങ്കിൽ #2596BE). നിറം തിരഞ്ഞെടുക്കാൻ നിങ്ങൾക്ക് സ്ലൈഡർ ക്രമീകരിക്കാം. കാഴ്ചയുള്ള ഉപയോക്താക്കൾക്ക് വാചകം വായിക്കാനാകുമോ എന്ന് കണ്ടുപിടിക്കാൻ സഹായിക്കുന്നതിന് വെബ് ഉള്ളടക്ക പ്രവേശന മാർഗ്ഗനിർദ്ദേശങ്ങൾക്ക് (WCAG) ഒരു പ്രത്യേക മാർഗ്ഗനിർദ്ദേശമുണ്ട്. ഈ മാനദണ്ഡം വർണ്ണ കോമ്പിനേഷനുകളെ താരതമ്യപ്പെടുത്താവുന്ന അനുപാതങ്ങളിലേക്ക് മാപ്പ് ചെയ്യുന്നതിന് ഒരു പ്രത്യേക അൽഗോരിതം ഉപയോഗിക്കുന്നു. ഈ ഫോർമുല ഉപയോഗിച്ച്, WCAG പ്രസ്താവിക്കുന്നത് ടെക്‌സ്‌റ്റിനൊപ്പം 4.5:1 വർണ്ണ കോൺട്രാസ്റ്റ് അനുപാതവും അതിന്റെ പശ്ചാത്തലവും സാധാരണ (ബോഡി) ടെക്‌സ്‌റ്റിന് പര്യാപ്തമാണെന്നും വലിയ ടെക്‌സ്‌റ്റിന് (18+ pt റെഗുലർ, അല്ലെങ്കിൽ 14+ pt ബോൾഡ്) കുറഞ്ഞത് 3 ഉണ്ടായിരിക്കണം: 1 വർണ്ണ കോൺട്രാസ്റ്റ് അനുപാതം.

പ്രധാന സവിശേഷതകൾ

  • തത്സമയ ദൃശ്യതീവ്രതാ അനുപാത കണക്കുകൂട്ടൽ
  • WCAG AA & AAA പാലിക്കൽ പരിശോധന
  • ഫൈൻ-ട്യൂണിംഗിനുള്ള HSL സ്ലൈഡറുകൾ
  • ഒന്നിലധികം പ്രിവ്യൂ ഫോർമാറ്റുകൾ

നൂതന ഉപകരണങ്ങൾ

  • യാന്ത്രിക വർണ്ണ ക്രമീകരണം
  • വാചക, പശ്ചാത്തല സാമ്പിളുകൾ
  • വർണ്ണ നാമം കണ്ടെത്തൽ
  • ഫലങ്ങൾ എക്സ്പോർട്ട് ചെയ്യുക