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

اختبر نسبة التباين بين ألوان المقدمة والخلفية لضمان الوصول.

1.00:1
التباين
Fail
ضعيف جدًا

نص عادي

AA (4.5:1)
AAA (7:1)

نص كبير

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#b400ff

إصلاحات سريعة

Aa

عنوان المعاينة

الثعلب البني السريع يقفز فوق الكلب الكسول

مثال نص صغير (12px)

نص
#ffffff
خلفية
#b400ff

معايير WCAG

Level AA

نسبة تباين لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير. مطلوب لمعظم المواقع.

Level AAA

نسبة تباين محسنة 7:1 للنص العادي و4.5:1 للنص الكبير. موصى بها للوصول الأمثل.

تباين غير كافٍ لجميع أحجام النصوص - لا يفي بمعايير WCAG.

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

احسب نسبة التباين بين ألوان النص والخلفية.

اختر لونًا باستخدام محدد الألوان للنص ولون الخلفية أو أدخل لونًا بتنسيق RGB السداسي (مثل #259 أو #2596BE). يمكنك ضبط شريط التمرير لاختيار اللون. تحتوي إرشادات الوصول إلى محتوى الويب (WCAG) على إرشادات محددة للمساعدة في تحديد ما إذا كان النص قابلاً للقراءة للمستخدمين المبصرين. تستخدم هذه المعايير خوارزمية معينة لتعيين تركيبات الألوان إلى نسب قابلة للمقارنة. باستخدام هذه الصيغة، تنص WCAG على أن نسبة تباين الألوان 4.5:1 مع النص وخلفيته كافية للنص العادي، ويجب أن يكون للنص الكبير (18+ نقطة عادية، أو 14+ نقطة غامقة) نسبة تباين ألوان لا تقل عن 3:1.

الميزات الرئيسية

  • حساب نسبة التباين في الوقت الحقيقي
  • التحقق من الامتثال لمعايير WCAG AA وAAA
  • منزلقات HSL للتعديل الدقيق
  • تنسيقات معاينة متعددة

أدوات متقدمة

  • إصلاح الألوان تلقائيًا
  • عينات النص والخلفية
  • كشف اسم اللون
  • تصدير النتائج