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

اختبر نسبة التباين بين الألوان الأمامية والخلفية للتأكد من سهولة الوصول إليها.

1.00:1
التباين
Fail
سيء جدًا

نص عادي

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

نص كبير

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff009e

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

Aa

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

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

مثال نص صغير (12 بكسل)

نص
#000000
خلفية
#ff009e

معايير WCAG

Level AA

الحد الأدنى لنسبة التباين هو ٤.٥:١ للنصوص العادية و٣:١ للنصوص الكبيرة. مطلوب لمعظم المواقع الإلكترونية.

Level AAA

نسبة تباين مُحسّنة ٧:١ للنصوص العادية و٤.٥:١ للنصوص الكبيرة. يُنصح بها لسهولة الوصول.

تباين ضعيف لجميع أحجام النص.

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

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

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

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

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

أدوات متقدمة

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