حاسبة نسبة التباين
باستخدام حاسباتنا، فإنك توافق على شروط الاستخدام (بالإنجليزية).
نسبة التباين وفق WCAG بين لون المقدمة ولون الخلفية بصيغة HEX — مع عتبتَي المستوى AA والمستوى AAA.
لونان
نسبة التباين
12.63:1
Passes WCAG AA normal text
- AA نص عادي (4.5:1)
- يجتاز
- AA نص كبير (3:1)
- يجتاز
- AAA نص عادي (7:1)
- يجتاز
حاسبات ذات صلة
نسبة التباين وفق WCAG
تقيس نسبة التباين مدى وضوح تمييز النص عن خلفيته، وتتراوح من 1:1 (لونان متطابقان) إلى 21:1 (أسود على أبيض). ويشترط معيار WCAG 2.x نسبة 4.5:1 على الأقل للنص العادي في المستوى AA، و7:1 للمستوى المعزّز AAA. أما النص الكبير (18pt فأكثر، أو 14pt بخط عريض) فيكفيه 3:1 لاجتياز المستوى AA.
تعتمد المعادلة على الإضاءة النسبية (relative luminance) لألوان sRGB، لا على درجة اللون أو التشبّع وحدهما. ولهذا يفشل الرمادي الفاتح على خلفية بيضاء بسرعة، بينما ينجح الأزرق الداكن على الأبيض بسهولة في الغالب.
مثال: نص بلون #767676 على خلفية #FFFFFF يعطي نحو 4.54:1 — أي يجتاز المستوى AA للنص العادي بالكاد. أما #000000 على #FFFFFF فيعطي 21:1.
أسئلة شائعة
ما الذي يجتاز المستوى AA في WCAG؟
النص العادي: 4.5:1 أو أعلى. النص الكبير: 3:1. أما عناصر الواجهة والرسوم غير النصية فتحتاج 3:1 مقابل الألوان المجاورة لها.
هل تُعدّ هذه النتيجة ضماناً للامتثال القانوني؟
لا. هذا تحقق حسابي من زوج ألوان sRGB بصيغة HEX فقط. أما التدقيق الكامل لإمكانية الوصول فيشمل حجم الخط وحالات التركيز والإشارات التي لا تعتمد على اللون وحده.