වර්ණ ප්‍රභේදන පරීක්ෂකය

ප්‍රවේශ්‍යතාව සහතික කිරීම සඳහා පෙරබිම් සහ පසුබිම් වර්ණ අතර ප්‍රතිවිරුද්ධ අනුපාතය පරීක්ෂා කරන්න.

1.00:1
පරස්පරතාව
Fail
ඉතා දුප්පත්

සාමාන්‍ය පෙළ

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

විශාල පෙළ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Abbey
#4c4f56

ඉක්මන් නිවැරදි කිරීම්

Aa

මාතෘකාව පෙරදසුන

ඉක්මන් දුඹුරු නරියා කම්මැලි බල්ලාට උඩින් පනිනවා

කුඩා පෙළ උදාහරණය (12px)

පෙළ
#ffffff
පසුබිම
#4c4f56

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 ස්ලයිඩර්
  • බහු පෙරදසුන් ආකෘති

උසස් මෙවලම්

  • ස්වයංක්‍රීය වර්ණ නිවැරදි කිරීම
  • පෙළ සහ පසුබිම් සාම්පල
  • වර්ණ නාම හඳුනාගැනීම
  • අපනයන ප්‍රතිඵල