نسبة التباين
تتراوح نسبة التباين من 1:1 إلى 21:1. كلما ارتفعت النسبة، أصبح الفرق بين اللونين أكبر وازدادت سهولة القراءة.
أداة الوصول Accessibility
Contrast Checker
افحص تباين الألوان وتأكد من سهولة قراءة النص وفق معايير WCAG
فحص التباين
اختبر ألوان النص والخلفية
اختر لون النص ولون الخلفية للحصول على نسبة التباين ونتيجة توافق WCAG بشكل فوري.
فحص مباشر
لون النص Foreground
#
لون الخلفية Background
#
المعاينة
21:1 معاينة النص
Th.Tech
نص كبير وواضح
هذا مثال على النص العادي لمعرفة مدى وضوحه فوق الخلفية المختارة.
Small text — Accessibility preview
نسبة التباين
21.00 :1
تباين ممتاز ومناسب لمستويات الوصول العالية.
ممتاز
النص العادي — AA يتطلب 4.5:1
PASS النص العادي — AAA يتطلب 7:1
PASS النص الكبير — AA يتطلب 3:1
PASS النص الكبير — AAA يتطلب 4.5:1
PASS لون النص
#111827 لون الخلفية
#FFFFFF 21.00:1 نسبة التباين
4 / 4 اختبارات ناجحة
2 ألوان مختبرة
Live نتيجة فورية
خصوصيتك محفوظة
لا يتم إرسال الألوان أو أي بيانات إلى الخادم. جميع الحسابات تتم محليًا داخل متصفحك.
محلي 100%
معلومات مهمة
فهم تباين الألوان
WCAG AA
يتطلب النص العادي نسبة تباين لا تقل عن 4.5:1، بينما يحتاج النص الكبير إلى 3:1.
WCAG AAA
المستوى الأعلى من الوصول يتطلب 7:1 للنص العادي و4.5:1 للنص الكبير.
طريقة الاستخدام
افحص التباين في 3 خطوات
01
اختر لون النص
أدخل قيمة HEX أو اختر اللون من منتقي الألوان.
02
اختر لون الخلفية
حدد اللون الذي سيظهر خلف النص.
03
راجع النتيجة
شاهد نسبة التباين ونتائج AA وAAA مباشرة.
الأسئلة الشائعة
أسئلة حول Contrast Checker
ما هو Contrast Checker؟
أداة تساعدك على قياس نسبة التباين بين لون النص ولون الخلفية لمعرفة مدى وضوح النص وسهولة قراءته.
ما هي معايير WCAG؟
WCAG هي إرشادات عالمية لإتاحة محتوى الويب، وتحدد مستويات مختلفة لتباين الألوان مثل AA و AAA.
ما هي نسبة التباين المطلوبة؟
للنص العادي يوصى بنسبة 4.5:1 على الأقل لمستوى AA، بينما يحتاج مستوى AAA إلى 7:1. أما النص الكبير فيحتاج عادة إلى 3:1 لمستوى AA.
هل يتم إرسال الألوان إلى الخادم؟
لا. جميع عمليات حساب التباين تتم مباشرة داخل المتصفح.