ImageColorPicker.com

වර්ණ පරස්පරතා පරීක්ෂකය

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

ඔබේ වර්ණ පරීක්ෂා කරන්න

පෙළ කියවීමේ හැකියාව සඳහා WCAG ප්‍රවේශ්‍යතා ප්‍රමිතීන් සපුරාලීම සහතික කිරීම සඳහා වර්ණ සංයෝජන පරීක්ෂා කරන්න.

16.89 ට 1
පරස්පරතාව
AAA
පෙළ ප්‍රතිඵලය
සුපිරි

සසඳන ලදී: #F5E4D0 මත #000000

පෙළ

16px, සාමාන්‍ය (400)

සාමාන්‍ය පෙළක් ලෙස සැලකේ.

  • AA (WCAG 1.4.3): අවම වශයෙන් 4.5:1

    සමත්

  • AAA (WCAG 1.4.6): අවම වශයෙන් 7:1

    සමත්

UI සංරචක සහ ග්‍රැෆික්ස්

අයිකන, ආදාන මායිම්, ෆෝකස් දර්ශක සහ අතුරුමුහුණත භාවිත කිරීමට ඔබ දැකිය යුතු වෙනත් කොටස්.

  • AA (WCAG 1.4.11): අවම වශයෙන් 3:1

    සමත්
16.89 ට 1. පෙළ: AA සමත් වේ, AAA සමත් වේ. UI සංරචක: සමත් වේ.
මෙය පරීක්ෂා කරන ආකාරය
සසඳන වර්ණ (මිශ්‍ර කිරීමෙන් පසු)
පෙළ #000000, පසුබිම #F5E4D0
සාපේක්ෂ දීප්තිය
පෙළ 0.0000, පසුබිම 0.7945
සූත්‍රය
(L1 + 0.05) / (L2 + 0.05) මෙහි L1 යනු ලා වර්ණයේ ද L2 යනු තද වර්ණයේ ද දීප්තියයි.
නිශ්චිත අනුපාතය
16.8906 ට 1, 16.89 ට 1 ලෙස පෙන්වයි. පෙන්වන අගය වට නොකර කපා ඇත, එබැවින් එය කිසිවිටෙක සත්‍ය තත්ත්වයට වඩා හොඳ නොපෙනේ. අවශ්‍යතාවය සමඟ සසඳන්නේ නිශ්චිත අගයයි.

පෙළ ප්‍රමාණය: 16px, සාමාන්‍ය (400)

සාමාන්‍ය පෙළක් ලෙස සැලකේ. විශාල පෙළ යනු අවම වශයෙන් 24px (18pt) වන පෙළ, නැතහොත් තද නම් (ඝනකම 700 හෝ ඊට වැඩි) අවම වශයෙන් 18.67px (14pt) වන පෙළයි. ප්‍රමාණ පෙන්වන්නේ වට නොකර කපා හැරීමෙනි.

සාමාන්‍ය පෙළක් ලෙස සැලකේ. විශාල පෙළ යනු අවම වශයෙන් 24px (18pt) වන පෙළ, නැතහොත් තද නම් (ඝනකම 700 හෝ ඊට වැඩි) අවම වශයෙන් 18.67px (14pt) වන පෙළයි. ප්‍රමාණ පෙන්වන්නේ වට නොකර කපා හැරීමෙනි.

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

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

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

පෙළ
#000000
පසුබිම
#f5e4d0

WCAG ප්‍රමිතීන්

මට්ටම AA

සාමාන්‍ය පෙළ සඳහා අවම ප්‍රතිවිරුද්ධ අනුපාතය 4.5:1 සහ විශාල පෙළ සඳහා 3:1. බොහෝ වෙබ් අඩවි සඳහා අවශ්‍ය වේ.

මට්ටම AAA

සාමාන්‍ය පෙළ සඳහා 7:1 සහ විශාල පෙළ සඳහා 4.5:1 ක වැඩිදියුණු කළ ප්‍රතිවිරුද්ධ අනුපාතය. ප්‍රශස්ත ප්‍රවේශ්‍යතාව සඳහා නිර්දේශ කෙරේ.

වර්ණ පරස්පරතා පරීක්ෂකය

පෙළ සහ පසුබිම් වර්ණවල ප්‍රතිවිරුද්ධ අනුපාතය ගණනය කරන්න.

පෙළ සහ පසුබිම් වර්ණය සඳහා වර්ණ පිකර් භාවිතයෙන් වර්ණයක් තෝරන්න හෝ RGB ෂඩාස්‍ර ආකෘතියෙන් වර්ණයක් ඇතුළත් කරන්න (උදා: #259 හෝ #2596BE). ඔබට වර්ණය තෝරා ගැනීමට ස්ලයිඩරය සකස් කළ හැක. වෙබ් අන්තර්ගත ප්‍රවේශ්‍යතා මාර්ගෝපදේශ (WCAG) හට දෘශ්‍යමාන පරිශීලකයින් සඳහා පෙළ කියවිය හැකිද යන්න සොයා ගැනීමට විශේෂිත මාර්ගෝපදේශයක් ඇත. මෙම නිර්ණායක වර්ණ සංයෝජන සංසන්දනාත්මක අනුපාතවලට සිතියම්ගත කිරීමට විශේෂිත ඇල්ගොරිතමයක් භාවිතා කරයි. මෙම සූත්‍රය භාවිතා කරමින්, WCAG ප්‍රකාශ කරන්නේ පෙළ සමඟ 4.5:1 වර්ණ ප්‍රතිවිරෝධතා අනුපාතය සහ එහි පසුබිම සාමාන්‍ය (ශරීර) පෙළ සඳහා ප්‍රමාණවත් වන අතර විශාල පෙළ (18+ pt නිත්‍ය, හෝ 14+ pt තද) අවම වශයෙන් 3ක් තිබිය යුතු බවයි: 1 වර්ණ පරස්පර අනුපාතය.

මූලික ලක්ෂණ

  • තත්‍ය කාලීන විභේදන අනුපාත ගණනය කිරීම
  • WCAG AA සහ AAA අනුකූලතා පරීක්ෂාව
  • සියුම් සුසර කිරීම සඳහා HSL ස්ලයිඩර්
  • බහු පෙරදසුන් ආකෘති

උසස් මෙවලම්

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

නිතර අසන ප්‍රශ්න

WCAG AA අනුකූලතාව සඳහා, සාමාන්‍ය පෙළට අවම වශයෙන් 4.5:1 පරස්පරතා අනුපාතයක් අවශ්‍ය වන අතර, විශාල පෙළට (18pt හෝ 14pt තද අකුරු) 3:1 අවශ්‍ය වේ.

WCAG AAA ඉහළ පරස්පරතා අනුපාත අවශ්‍ය කරයි: සාමාන්‍ය පෙළට 7:1 සහ විශාල පෙළට 4.5:1, AA හි පිළිවෙලින් 4.5:1 සහ 3:1 හා සසඳන විට.

ඔබේ නිර්මාණ අභිප්‍රාය රැකගනිමින් පෙළ හෝ පසුබිම් වර්ණය සකස් කිරීමට අපගේ ස්වයංක්‍රීය නිවැරදි කිරීමේ විශේෂාංගය භාවිතා කරන්න, නැතහොත් AA/AAA අනුකූලතාව සඳහා ප්‍රශස්ත කලාප දෘශ්‍ය දර්ශක සමඟ පෙන්වන HSL ස්ලයිඩර භාවිතයෙන් වර්ණ අතින් සකස් කරන්න.

කොළ කලාප සහ AA/AAA ලකුණු WCAG අනුකූලතාව සඳහා ප්‍රශස්ත පරාස පෙන්වයි. දිශා ඉඟි (වඩාත් දීප්තිමත්/වඩාත් අඳුරු) ඔබේ වත්මන් වර්ණ සංයෝගය මත පදනම්ව වඩා හොඳ පරස්පරතාව වෙත මඟ පෙන්වයි.

ඔව්, ඕනෑම HEX වර්ණ කේතයක් ඇතුළත් කළ හැකි අතර අභිරුචි වර්ණ තේරීමට වර්ණ තෝරකය භාවිතා කළ හැක. URL ස්වයංක්‍රීයව යාවත්කාලීන වන නිසා ඔබට නිශ්චිත වර්ණ සංයෝග බෙදා ගත හැක.