වර්ණ පරස්පර පරීක්ෂක

WCAG AA සහ AAA වලට එරෙහිව පෙරබිම්/පසුබිම් වෙනස පරීක්ෂා කරන්න. ඔබ වර්ණ තෝරා ගන්නා විට අනුපාත යාවත්කාලීන කිරීම බලන්න.

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA සහ AAA මාර්ගෝපදේශවලට එරෙහිව පෙරබිම්/පසුබිම් වෙනස පරීක්ෂා කරන්න.
ඔබගේ බ්‍රවුසරයේ ධාවනය වේ
භාවිතා කිරීමට නොමිලේ

භාවිතා කරන ආකාරය

පෙළ (පෙරබිම) සහ පසුබිම් වර්ණ තෝරන්න.
ප්‍රතිවිරුද්ධ අනුපාතය සහ AA/AAA ප්‍රතිඵල කියවන්න.
ඔබ ඔබේ ඉලක්ක මට්ටම පසු කරන තුරු සකස් කරන්න.

How this tool works

පෙළ (පෙරබිම) සහ පසුබිම් වර්ණ තෝරන්න.
ප්‍රතිවිරුද්ධ අනුපාතය සහ AA/AAA ප්‍රතිඵල කියවන්න.
ඔබ ඔබේ ඉලක්ක මට්ටම පසු කරන තුරු සකස් කරන්න.

Recommended settings

පෙරනිමි විකල්ප භාවිතා කරන්න, පසුව අවශ්ය නම් සකස් කරන්න

Supported formats

Text / on-page input

File size and limits

ඉතා සංකීර්ණ බහු-ස්ථර පෙරදසුන් පැරණි දුරකථනවල මන්දගාමී බවක් දැනිය හැක.

Privacy

වර්ණ සහ CSS ජනක යන්ත්‍ර සම්පුර්ණයෙන්ම ඔබගේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ. පෙරදසුන් සහ පරිවර්තන කිසිවිටෙක ඔබේ මෝස්තර උඩුගත නොකරයි.

Common use cases

ඔබට අවශ්‍ය විටෙක වර්ණ පරස්පර පරීක්ෂක භාවිත කරන්න: WCAG AA සහ AAA මාර්ගෝපදේශවලට එරෙහිව පෙරබිම්/පසුබිම් වෙනස පරීක්ෂා කරන්න.

Troubleshooting

ඇලවීමෙන් පසු පෙරදසුන වෙනස් ලෙස පෙනේ

ඔබේ පිටුවේ තරඟකාරී CSS සඳහා පරීක්ෂා කරන්න (නැවත සැකසීම්, උරුම වූ වර්ණ). ජනනය කරන ලද රීතිය පළමුව හුදකලා මෝස්තර පත්‍රයකට පිටපත් කරන්න.

නිති අසන පැණ

මෙය මගේ CSS උඩුගත කරයිද?

නැත. උත්පාදක සහ පරිවර්තක සජීවී පෙරදසුන සමඟ ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ.

මට ගිණුමක් අවශ්‍යද?

නැත. මෙවලම විවෘත කරන්න, පාලන වෙනස් කරන්න, සහ CSS පිටපත් කරන්න.