تشغيلي
تسجيل الدخول / التسجيل
common.you_need_to_be_loggedin_to_add_tool_in_favorites
مدقق تباين الألوان
إعلان
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
أدخل مجموعات الألوان الخاصة بك أدناه لاختبارها باستخدام مدقق تباين الألوان الخاص بنا ومعرفة ما إذا كانت تلبي معايير إمكانية الوصول على الفور.
كيف يعمل مدقق تباين الألوان الخاص بنا
أدخل ألوان المقدمة و الخلفية باستخدام قيم RGB السداسية، أو اخترها مباشرةً باستخدام لاقط الألوان.
- اضبط Alpha لتغيير مدى شفافية اللون الأمامي.
- استخدم شريط التمرير Lightness لجعل اللون يبدو أفتح أو أغمق.
تقوم أداتنا بعد ذلك بحساب نسبة التباين والتحقق منها وفقًا لإرشادات WCAG:
- WCAG 2.0 المستوى AA
- على الأقل 4.5:1 للنص الأساسي العادي
- على الأقل 3:1 للنص الكبير
- WCAG 2.1 (واجهة المستخدم والرسومات)
- على الأقل 3:1 للرموز والحدود ومكونات الواجهة الأخرى
- مستوى WCAG AAA
- على الأقل 7:1 للنص العادي
- على الأقل 4.5:1 للنص الكبير
النص الكبير يعني إما:
- 14 نقطة (حوالي 18.66 بكسل) غامق، أو
- 18 نقطة (حوالي بكسل) أو أكبر
يمكنك استخدام القطارة في Color Picker لالتقاط الألوان الدقيقة من أي شيء على شاشتك.
لكي تتميز الروابط التي تعتمد على اللون وحده، استخدم مدقق تباين الألوان للتأكد من استيفائها لمعايير إمكانية الوصول وسهولة قراءتها للجميع.