◐

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

نسبت کنتراست WCAG بین رنگ متن و پس‌زمینه را همراه با نتایج AA/AAA بررسی کنید.

فایل‌هایتان در همین دستگاه می‌مانند

فایل‌ها در مرورگرتان پردازش می‌شوند و هرگز بارگذاری نمی‌شوند. سایت کد و منابع لازم برای اجرای ابزارها را دریافت می‌کند. بدون حساب یا ردیاب.

با گزینهٔ دانلود، این ابزار را در یک فایل HTML ذخیره کنید تا آفلاین استفاده شود.

حریم خصوصی →

رنگ متن

پس‌زمینه

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

نمونه متن بزرگ

یک مثال حل‌شده را امتحان کنید

مثال

رنگ متن را #767676 و پس‌زمینه را #ffffff بگذارید. نسبت 4.54:1 است که برای متن عادی از AA می‌گذرد. یک درجه روشن‌تر، #777777، فقط 4.48:1 می‌دهد و رد می‌شود، چون AA برای متن عادی دست‌کم 4.5:1 می‌خواهد.

به یاد داشته باشید

متن بزرگ (حدود 24px یا 18.7px پررنگ) برای AA فقط 3:1 لازم دارد. این نسبت فونت‌های نازک، متن روی تصویر و شفافیت را در نظر نمی‌گیرد، پس طراحی واقعی را هم بررسی کنید و معنا را فقط با رنگ منتقل نکنید.

درباره این ابزار

یک رنگ پیش‌زمینه و پس‌زمینه را مقایسه کنید تا نسبت کنتراست WCAG و قبولی در سطح AA و AAA را ببینید؛ همه چیز به‌صورت محلی در مرورگر شما محاسبه می‌شود.

پرسش‌های پرتکرار

چه چیزی متن بزرگ به حساب می‌آید؟

WCAG متن با اندازه ۱۸pt (۲۴px) یا ۱۴pt (۱۸٫۶۶px) پررنگ را بزرگ در نظر می‌گیرد که برای AA به نسبت پایین‌تر ۳:۱ نیاز دارد.

کدام نسبت‌ها قبول می‌شوند؟

متن عادی به ۴٫۵:۱ برای AA و ۷:۱ برای AAA نیاز دارد؛ متن بزرگ به ۳:۱ برای AA و ۴٫۵:۱ برای AAA نیاز دارد.