◐

مدقّق تباين الألوان

تحقّق من نسبة التباين وفق WCAG بين لون النص والخلفية مع نتائج AA/AAA.

ملفاتك تبقى على هذا الجهاز

تُعالَج الملفات في متصفحك ولا تُرفع أبدًا. يُنزّل الموقع الشيفرة والموارد اللازمة لتشغيل الأدوات. بلا حسابات أو تتبّع.

استخدم التنزيل لحفظ هذه الأداة كملف HTML واحد للعمل دون اتصال.

الخصوصية →

لون النص

الخلفية

نصٌّ تجريبيٌّ سريع يَظهر فوق الخلفية لاختبار وضوح القراءة.

نص عيّنة كبير

جرّب مثالًا محلولًا

مثال

اجعل لون النص #767676 والخلفية #ffffff. تبلغ النسبة 4.54:1، وهي تجتاز AA للنص العادي. ودرجة أفتح واحدة، #777777، تعطي 4.48:1 وتفشل، لأن AA يتطلب 4.5:1 على الأقل للنص العادي.

ضع في اعتبارك

يحتاج النص الكبير (نحو 24px، أو 18.7px عريضًا) إلى 3:1 فقط لاجتياز AA. لا تراعي النسبة الخطوط الرفيعة ولا النص فوق الصور ولا الشفافية، لذا افحص التصميم الفعلي أيضًا، ولا تعتمد على اللون وحده لإيصال المعنى.

حول هذه الأداة

قارن بين لون المقدمة والخلفية لمعرفة نسبة التباين وفق WCAG وما إذا كانت تجتاز AA وAAA، وكل ذلك يُحسب محليًا داخل متصفحك.

الأسئلة الشائعة

ما الذي يُعد نصًا كبيرًا؟

يعتبر WCAG النص بحجم 18pt (24px) أو 14pt (18.66px) عريضًا نصًا كبيرًا، ويحتاج إلى نسبة أدنى تبلغ 3:1 لمعيار AA.

ما النِّسب التي تجتاز المعيار؟

يحتاج النص العادي إلى 4.5:1 لمعيار AA و7:1 لمعيار AAA؛ ويحتاج النص الكبير إلى 3:1 لمعيار AA و4.5:1 لمعيار AAA.