مدقق تباين الألوان
تحقق من نسب تباين WCAG 2.1 بين لونين. تأكد من أن نصك يفي بمعايير الوصول AA و AAA.
اخترت نصاً رمادياً فاتحاً على خلفية بيضاء. يبدو جيداً لك، لكن شخصاً ضعيف البصر لا يمكنه قراءته. الصق ألوانك وشاهد فوراً: نجاح أو فشل، مع نسبة التباين الدقيقة.
الثعلب البني السريع يقفز فوق الكلب الكسول.
نسبة التباين
21.00:1
AA عادي
≥ 4.5:1
نجاح
AA كبير
≥ 3:1
نجاح
AAA عادي
≥ 7:1
نجاح
AAA كبير
≥ 4.5:1
نجاح
اكتشف المزيد من الأدوات المجانية
كيفية استخدام هذه الأداة
- اختر لون المقدمة (النص) ولون الخلفية باستخدام منتقي الألوان أو بكتابة رموز hex.
- شاهد المعاينة المباشرة لكيفية ظهور نصك على الخلفية.
- راجع نتائج WCAG: AA عادي (≥4.5:1)، AA كبير (≥3:1)، AAA عادي (≥7:1)، AAA كبير (≥4.5:1).
- اضبط الألوان حتى تجتاز جميع المستويات المطلوبة.
أدوات ذات صلة
الأسئلة الشائعة
ما هي نسبة تباين WCAG؟
تحدد WCAG نسب تباين دنيا بين النص والخلفية. AA عادي يتطلب 4.5:1 للنص العادي. AA كبير يتطلب 3:1 للنص الأكبر من 18px أو الغامق 14px. AAA أكثر صرامة.
ما هي نسبة التباين الجيدة؟
للنص العادي، 4.5:1 على الأقل (AA). للنص الكبير، 3:1 (AA كبير). لأفضل وصول، استهدف 7:1 (AAA).
هل تعمل مع رموز hex؟
نعم. يمكنك كتابة أي رمز hex من 6 أرقام (مثل #3B82F6) أو استخدام منتقي الألوان الأصلي.
هل تُرسل بيانات الألوان إلى أي مكان؟
لا. جميع الحسابات تتم في متصفحك. لا يُرسل أي بيانات إلى أي خادم.