بررسی کنتراست رنگ

نسبت کنتراست بین رنگ‌های پیش‌زمینه و پس‌زمینه را برای اطمینان از دسترسی‌پذیری آزمایش کنید.

1.00:1
کنتراست
Fail
بسیار ضعیف

متن معمولی

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

متن بزرگ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Monza
#c7031e

اصلاحات سریع

Aa

عنوان پیش‌نمایش

روباه قهوه‌ای سریع از روی سگ تنبل می‌پرد

مثال متن کوچک (۱۲px)

متن
#ffffff
پس‌زمینه
#c7031e

استانداردهای WCAG

Level AA

حداقل نسبت کنتراست 4.5:1 برای متن معمولی و 3:1 برای متن بزرگ. برای اکثر وب‌سایت‌ها الزامی است.

Level AAA

نسبت کنتراست بهبود یافته 7:1 برای متن معمولی و 4.5:1 برای متن بزرگ. برای دسترسی بهینه توصیه می‌شود.

کنتراست ناکافی برای همه اندازه‌های متن - استانداردهای WCAG را رعایت نمی‌کند.

بررسی‌کننده کنتراست رنگ

نسبت کنتراست رنگ متن و پس‌زمینه را محاسبه کنید.

با استفاده از انتخابگر رنگ برای متن و رنگ پس‌زمینه یک رنگ انتخاب کنید یا یک رنگ را در قالب هگزادسیمال RGB وارد کنید (مثلاً #259 یا #2596BE). می‌توانید با تنظیم اسلایدر رنگ را انتخاب کنید. دستورالعمل‌های دسترسی به محتوای وب (WCAG) یک راهنمای خاص برای کمک به تشخیص خوانایی متن برای کاربران بینا دارد. این معیار از یک الگوریتم خاص برای تبدیل ترکیب‌های رنگ به نسبت‌های قابل مقایسه استفاده می‌کند. با استفاده از این فرمول، WCAG بیان می‌کند که نسبت کنتراست رنگ 4.5:1 با متن و پس‌زمینه آن برای متن معمولی (بدنه) کافی است و متن بزرگ (18+ pt معمولی، یا 14+ pt بولد) باید حداقل نسبت کنتراست رنگ 3:1 داشته باشد.

ویژگی‌های کلیدی

  • محاسبه نسبت کنتراست به صورت لحظه‌ای
  • بررسی تطابق با WCAG AA و AAA
  • اسلایدرهای HSL برای تنظیم دقیق
  • پیش‌نمایش در قالب‌های مختلف

ابزارهای پیشرفته

  • اصلاح خودکار رنگ
  • نمونه‌های متن و پس‌زمینه
  • تشخیص نام رنگ
  • صادرات نتایج