بررسیکننده تضاد رنگ
بررسیکننده تضاد رنگ
نسبت تضاد WCAG بین رنگ متن و پسزمینه را بررسی کنید — نمرات قبول/رد AA/AAA برای متن عادی، متن بزرگ و اجزای رابط کاربری را با پیشنمایش زنده و پیشنهادات رنگهای قابل دسترس ببینید.رنگ متن
تینت
رنگ پسزمینه
تینت
نسبت تضاد
--:1
متن عادی
متن بدنه زیر ۱۸px (یا زیر ۱۴px ضخیم)
AA
AAA
متن بزرگ
۱۸px+ معمولی، یا ۱۴px+ ضخیم
AA
AAA
اجزای رابط کاربری
آیکونها، حاشیهها، کنترلهای فرم و گرافیکها
AA
AAA
پیشنمایش زنده
روباه قهوهای سریع
متن بزرگ وقتی تضاد کافی دارد، راحت خوانده میشود.
این یک نمونه پاراگراف متن بدنه عادی است. تضاد رنگ خوب محتوای شما را برای همه قابل خواندن نگه میدارد، از جمله افراد با دید ضعیف یا کوررنگی. یک پیوند نمونه.
چاپ کوچک و کپشنها سختترین برای خواندن هستند — بیشترین تضاد را نیاز دارند.
دکمه نمونه
دکمه نمونه
پیشنهاد
این ترکیب از قبل WCAG AA را برای متن عادی تأمین میکند. عالی!
نزدیکترین رنگ متن قابل دسترس که AA (4.5:1) را تأمین میکند:
:1
هیچ نوع قابل دسترسی از این رنگ متن در برابر این پسزمینه به AA نمیرسد — سعی کنید پسزمینه را تغییر دهید.
همه چیز با فرمول درخشندگی نسبی WCAG 2.x به صورت زنده در مرورگر شما محاسبه میشود — بدون آپلود، بدون ثبتنام، کاملاً رایگان.
جستجوهای پرطرفدار
بررسی کنتراست رنگ
نسبت کنتراست wcag
بررسی کنتراست دسترسیپذیری
کنتراست متن
تست کنتراست aa aaa
بررسی کنتراست رنگ آنلاین