வண்ண மாறுபாடு சரிபார்ப்பான்

அணுகலை உறுதிசெய்ய, முன்புறம் மற்றும் பின்னணி வண்ணங்களுக்கு இடையிலான மாறுபாடு விகிதத்தைச் சோதிக்கவும்.

1.00:1
மாறுபாடு
Fail
மிகவும் ஏழை

சாதாரண உரை

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

பெரிய உரை

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff9995

விரைவான திருத்தங்கள்

Aa

முன்னோட்டத் தலைப்பு

வேகமான பழுப்பு நரி சோம்பேறி நாயின் மீது குதிக்கிறது.

சிறிய உரை உதாரணம் (12px)

உரை
#000000
பின்னணி
#ff9995

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 ஸ்லைடர்கள்
  • பல முன்னோட்ட வடிவங்கள்

மேம்பட்ட கருவிகள்

  • தானியங்கி வண்ண சரிசெய்தல்
  • உரை மற்றும் பின்னணி மாதிரிகள்
  • வண்ணப் பெயர் கண்டறிதல்
  • முடிவுகளை ஏற்றுமதி செய்