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

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

رنگ‌های خود را بررسی کنید

ترکیب‌های رنگی را آزمایش کنید تا اطمینان حاصل کنید که با استانداردهای دسترسی WCAG برای خوانایی متن مطابقت دارند.

1.00:1
کنتراست
مردود
بسیار ضعیف

متن معمولی

AA (4.5:1)
مردود
AAA (7:1)
مردود

متن بزرگ

AA (3:1)
مردود
AAA (4.5:1)
مردود

اصلاحات سریع

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

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

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

متن
#ffffff
پس‌زمینه
#242a1d

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

سطح AA

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

سطح 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 برای تنظیم دقیق
  • پیش‌نمایش در قالب‌های مختلف

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

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