فاحص تباين الألوان WCAG
أدخل لون المقدمة (النص) ولون الخلفية واحصل على نسبة تباين WCAG 2.1 الدقيقة، مع نتائج نجاح/فشل لمستويي AA و AAA، للنص العادي والكبير، إلى جانب معاينة مباشرة. يمكن إدخال الألوان بصيغة hex أو rgb()، أو اختيارها باستخدام منتقي الألوان المجاور لكل حقل.
نص عربي تجريبي لمعاينة التباين بين الألوان
نموذج نص بحجم عادي، للمقارنة.
الأسئلة الشائعة
كيف تُحسب نسبة التباين؟
باستخدام معادلة السطوع النسبي الحقيقية لـ WCAG 2.1 على قنوات sRGB لكل لون، ثم مقارنة السطوع الأفتح والأدكن كـ (L1 + 0.05) / (L2 + 0.05). تتراوح النتيجة من 1:1 (ألوان متطابقة) إلى 21:1 (أسود خالص على أبيض خالص).
ما الفرق بين AA و AAA؟
AA هو مستوى التوافق القياسي لـ WCAG الذي تعتمد عليه معظم متطلبات إمكانية الوصول (بما فيها معايير قانونية كثيرة): 4.5:1 للنص العادي، 3:1 للنص الكبير. أما AAA فهو مستوى أكثر صرامة واختياري: 7:1 للنص العادي، 4.5:1 للنص الكبير.
ما الذي يُعتبر «نصًا كبيرًا»؟
يُعرِّف WCAG النص الكبير بأنه 18 نقطة (24 بكسل) بوزن عادي أو أكبر، أو 14 نقطة (حوالي 18.66 بكسل) بخط عريض أو أكبر. يحصل النص الكبير على متطلب تباين أقل لأن الحروف الأكبر والأعرض تبقى مقروءة بتباين أقل.
هل يمكنني إدخال الألوان بصيغة RGB بدلًا من hex؟
نعم، يقبل حقلا المقدمة والخلفية كلاهما صيغة hex (#3b82f6) أو rgb(59, 130, 246)، أو يمكنك استخدام منتقي الألوان المجاور لكل حقل.