فاحص تباين الألوان

اكتب لون النص ولون الخلفية أو اخترهما، فتظهر نسبة التباين ونتيجة مستويي AA وAAA للنص العادي والكبير. وإن لم ينجح اللون، تقترح الأداة لونًا قريبًا ينجح.

نسبة التباين = (إضاءة اللون الأفتح + 0.05) ÷ (إضاءة اللون الأغمق + 0.05)، وتتراوح بين 1:1 و21:1.

الخيارات

• صيغ HEX وrgb() وhsl().
• زر لتبديل لون النص ولون الخلفية.
• ألوان نص مقترحة بتفتيح لونك أو تغميقه حتى يبلغ 4.5:1.

الحدود

• النسبة تُعرض بخانتين عشريتين مقرّبة لأسفل، والحكم بالنجاح يكون على القيمة الدقيقة.
• لا يدعم الألوان الشفافة ولا أسماء الألوان مثل red.
• النص الكبير في WCAG هو 24 بكسل فأكثر، أو 18.66 بكسل فأكثر إذا كان عريضًا.
• يفحص لونين فقط، وليس تدقيق إتاحة كاملًا للصفحة.

الخصوصية

تُفحص الألوان داخل متصفحك ولا تُرسل إلى أي خادم.

أسئلة

ما نسبة التباين المطلوبة في WCAG؟

مستوى AA يطلب 4.5:1 للنص العادي و3:1 للنص الكبير. مستوى AAA يطلب 7:1 للنص العادي و4.5:1 للنص الكبير.

ما المقصود بالنص الكبير؟

نص بحجم 24 بكسل فأكثر، أو 18.66 بكسل فأكثر إذا كان عريضًا.

لماذا لا ينجح 4.47:1 مع أنه قريب من 4.5؟

لأن 4.5:1 حد أدنى، والأداة لا تقرّب النسبة لأعلى. غمّق لون النص قليلًا أو جرّب اللون المقترح.

هل نجاح التباين يعني أن الموقع متاح للجميع؟

لا. التباين بند واحد من بنود WCAG، وتبقى بنود أخرى مثل التنقل بلوحة المفاتيح والنصوص البديلة للصور.