أدوات الصور والتصميم
Contrast Checker
يعمل Contrast Checker داخل المتصفح للتحقق من النتائج أو تحويلها أو تجهيزها دون إرسال الإدخال إلى خادم.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker أداة محلية في المتصفح مخصصة لـ سير عمل الصور والتصميم. تبقى المدخلات والخيارات والنتائج في صفحة واحدة.
How to use it
- الصق الإدخال
أدخل أو الصق القيمة التي تريد معالجتها في منطقة الإدخال.
- اضبط الخيارات
اختر الوضع أو التنسيق أو الوحدة المناسبة لـ contrast, WCAG, accessibility.
- راجع النتيجة
شغل الأداة ثم انسخ النتيجة أو نزلها بعد المراجعة.
Examples
مثال Contrast Checker
- Input
- إدخال تجريبي
- Output
- نتيجة تمت مراجعتها في المتصفح.
Practical tips
- ابدأ بعينة صغيرة عندما يكون المحتوى كبيرا.
- تبقى الإعلانات خارج عناصر التحكم والنتائج الرئيسية.
FAQ
ما الإدخال المناسب لـ Contrast Checker؟
استخدم قيما تطابق المهمة الظاهرة واضبط الخيارات قبل التشغيل.
هل يمكنني نسخ نتيجة Contrast Checker؟
نعم. راجع النتيجة ثم انسخها أو نزلها عندما تكون صحيحة.
هل يعمل Contrast Checker على الهاتف؟
نعم. يتم ترتيب الإدخال والخيارات والنتائج بشكل مناسب على الشاشات الصغيرة.
هل يتم إرسال إدخالي إلى خادم؟
لا. الأداة مصممة لمعالجة الإدخال داخل المتصفح.