Color Contrast Checker
Check WCAG AA/AAA contrast ratio between two colors
حول هذه الآلة الحاسبة
يحسب فاحص تباين الألوان نسبة التباين وفق WCAG 2.x بين لون أمامي وخلفية باستخدام صيغة الإضاءة النسبية (L1 + 0.05) / (L2 + 0.05). وهو يقبل إدخال #rgb و#rrggbb وrgb(r,g,b)، ويُبلّغ عن النسبة الدقيقة وإضاءة اللونين وعلامات النجاح/الفشل لمستويي AA وAAA عند عتبتي النص العادي (4.5:1 / 7:1) والكبير (3:1 / 4.5:1). وتُرجع الألوان غير الصالحة خطأ. أساسي لتصميم الويب الميسّر.
كيفية استخدام أداة Color Contrast Checker
- أدخل مدخلك أو الصقه في الحقل.
- اقرأ الخرج — يتحدّث فور كتابتك.
- عدّل الخيارات، إن وُجدت، بما يناسب حالة استخدامك.
- انسخ عنوان الصفحة لمشاركة هذه النتيجة بالضبط.
أمثلة شائعة
- #000000 على #ffffff → 21.0000:1 — يجتاز كل مستويات AA وAAA
- #777777 على #ffffff → 4.4781:1 — يخفق في AA للنص العادي بفارق ضئيل، ويجتاز AA للنص الكبير
- #0066cc على #ffffff → 5.5666:1 — نجاح AA، إخفاق AAA للنص العادي
- #ffcc00 على #333333 → 8.3564:1 — يجتاز AAA لكل أحجام النص
الأسئلة الشائعة
كيف تعمل أداة Color Contrast Checker؟
أدخل مدخلك أو الصقه فتعالجه الأداة مباشرة في متصفحك، عارضةً النتيجة فورًا. لا شيء مما تكتبه يُرفع إلى خادم — فالحساب كله يجري على جهازك.
متى أستخدم أداة Color Contrast Checker؟
هي مفيدة لمهام التطوير والتنقيح والتصميم والإدارة — كلما احتجت إلى إنجاز هذا التحويل أو الفحص بسرعة دون تثبيت أي شيء أو ائتمان خدمة خارجية على بياناتك.
ما مدى موثوقية النتائج؟
تنفّذ الأداة المعيار أو المواصفة المعنية مباشرة، فيطابق خرجها ما تنتجه البرمجيات الملتزمة بالمواصفة. ويُبلَّغ بوضوح عن الحالات الحدّية كالإدخال الفارغ أو المشوّه بدلًا من الفشل بصمت.
هل يمكنني مشاركة نتيجة محدّدة مع شخص آخر؟
نعم. مدخلك يُحدّث عنوان الصفحة، لذا فإن نسخ شريط العناوين ومشاركة الرابط سيفتح الأداة بالحالة نفسها لمن يضغط عليه.