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

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

1.00:1
تضاد
Fail
خیلی فقیر

متن عادی

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

متن بزرگ

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff009e

رفع سریع

Aa

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

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

مثال متن کوچک (۱۲ پیکسل)

متن
#000000
پیشینه
#ff009e

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

Level AA

حداقل نسبت کنتراست ۴.۵:۱ برای متن معمولی و ۳:۱ برای متن بزرگ. برای اکثر وب‌سایت‌ها الزامی است.

Level AAA

نسبت کنتراست بهبود یافته ۷:۱ برای متن معمولی و ۴.۵:۱ برای متن بزرگ. برای دسترسی بهینه توصیه می‌شود.

کنتراست ضعیف برای همه اندازه های متن.

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

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

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

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

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

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

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